ASP .NET Core MVC Documentation

Sets or gets the animationType property.

<script src="~/jqwidgets/jqxcalendar.js"></script>
<script src="~/jqwidgets/jqxdatetimeinput.js"></script>
<script src="~/jqwidgets/globalization/globalize.js"></script>
@{
    DateTime date = new DateTime(2017, 9, 20);
    DateTime min = new DateTime(2002, 9, 20);
    DateTime max = new DateTime(2018, 9, 20);
}
<jqx-date-time-input animation-type="fade" width="250" height="30"></jqx-date-time-input>

Sets or gets the allowNullDate property.

<script src="~/jqwidgets/jqxcalendar.js"></script>
<script src="~/jqwidgets/jqxdatetimeinput.js"></script>
<script src="~/jqwidgets/globalization/globalize.js"></script>
@{
    DateTime date = new DateTime(2017, 9, 20);
    DateTime min = new DateTime(2002, 9, 20);
    DateTime max = new DateTime(2018, 9, 20);
}
<jqx-date-time-input allow-null-date="false" width="250" height="30"></jqx-date-time-input>

Sets or gets the allowKeyboardDelete property.

<script src="~/jqwidgets/jqxcalendar.js"></script>
<script src="~/jqwidgets/jqxdatetimeinput.js"></script>
<script src="~/jqwidgets/globalization/globalize.js"></script>
@{
    DateTime date = new DateTime(2017, 9, 20);
    DateTime min = new DateTime(2002, 9, 20);
    DateTime max = new DateTime(2018, 9, 20);
}
<jqx-date-time-input allow-keyboard-delete="false" width="250" height="30"></jqx-date-time-input>

Sets or gets the clearString property.

<script src="~/jqwidgets/jqxcalendar.js"></script>
<script src="~/jqwidgets/jqxdatetimeinput.js"></script>
<script src="~/jqwidgets/globalization/globalize.js"></script>
@{
    DateTime date = new DateTime(2017, 9, 20);
    DateTime min = new DateTime(2002, 9, 20);
    DateTime max = new DateTime(2018, 9, 20);
}
<jqx-date-time-input clear-string="Clear" width="250" height="30"></jqx-date-time-input>

Sets or gets the culture property.

<script src="~/jqwidgets/jqxcalendar.js"></script>
<script src="~/jqwidgets/jqxdatetimeinput.js"></script>
<script src="~/jqwidgets/globalization/globalize.js"></script>
@{
    DateTime date = new DateTime(2017, 9, 20);
    DateTime min = new DateTime(2002, 9, 20);
    DateTime max = new DateTime(2018, 9, 20);
}
<jqx-date-time-input culture="de-DE" width="250" height="30"></jqx-date-time-input>

Sets or gets the closeDelay property.

<script src="~/jqwidgets/jqxcalendar.js"></script>
<script src="~/jqwidgets/jqxdatetimeinput.js"></script>
<script src="~/jqwidgets/globalization/globalize.js"></script>
@{
    DateTime date = new DateTime(2017, 9, 20);
    DateTime min = new DateTime(2002, 9, 20);
    DateTime max = new DateTime(2018, 9, 20);
}
<jqx-date-time-input close-delay="2000" width="250" height="30"></jqx-date-time-input>

Sets or gets the closeCalendarAfterSelection property.

<script src="~/jqwidgets/jqxcalendar.js"></script>
<script src="~/jqwidgets/jqxdatetimeinput.js"></script>
<script src="~/jqwidgets/globalization/globalize.js"></script>
@{
    DateTime date = new DateTime(2017, 9, 20);
    DateTime min = new DateTime(2002, 9, 20);
    DateTime max = new DateTime(2018, 9, 20);
}
<jqx-date-time-input close-calendar-after-selection="false" width="250" height="30"></jqx-date-time-input>

Sets or gets the dropDownHorizontalAlignment property.

<script src="~/jqwidgets/jqxcalendar.js"></script>
<script src="~/jqwidgets/jqxdatetimeinput.js"></script>
<script src="~/jqwidgets/globalization/globalize.js"></script>
@{
    DateTime date = new DateTime(2017, 9, 20);
    DateTime min = new DateTime(2002, 9, 20);
    DateTime max = new DateTime(2018, 9, 20);
}
<jqx-date-time-input drop-down-horizontal-alignment="right" width="250" height="30"></jqx-date-time-input>

Sets or gets the dropDownVerticalAlignment property.

<script src="~/jqwidgets/jqxcalendar.js"></script>
<script src="~/jqwidgets/jqxdatetimeinput.js"></script>
<script src="~/jqwidgets/globalization/globalize.js"></script>
@{
    DateTime date = new DateTime(2017, 9, 20);
    DateTime min = new DateTime(2002, 9, 20);
    DateTime max = new DateTime(2018, 9, 20);
}
<jqx-date-time-input drop-down-vertical-alignment="top" width="250" height="30"></jqx-date-time-input>

Sets or gets the disabled property.

<script src="~/jqwidgets/jqxcalendar.js"></script>
<script src="~/jqwidgets/jqxdatetimeinput.js"></script>
<script src="~/jqwidgets/globalization/globalize.js"></script>
@{
    DateTime date = new DateTime(2017, 9, 20);
    DateTime min = new DateTime(2002, 9, 20);
    DateTime max = new DateTime(2018, 9, 20);
}
<jqx-date-time-input disabled="true" width="250" height="30"></jqx-date-time-input>

Sets or gets the enableBrowserBoundsDetection property.

<script src="~/jqwidgets/jqxcalendar.js"></script>
<script src="~/jqwidgets/jqxdatetimeinput.js"></script>
<script src="~/jqwidgets/globalization/globalize.js"></script>
@{
    DateTime date = new DateTime(2017, 9, 20);
    DateTime min = new DateTime(2002, 9, 20);
    DateTime max = new DateTime(2018, 9, 20);
}
<jqx-date-time-input enable-browser-bounds-detection="true" width="250" height="30"></jqx-date-time-input>

Sets or gets the enableAbsoluteSelection property.

<script src="~/jqwidgets/jqxcalendar.js"></script>
<script src="~/jqwidgets/jqxdatetimeinput.js"></script>
<script src="~/jqwidgets/globalization/globalize.js"></script>
@{
    DateTime date = new DateTime(2017, 9, 20);
    DateTime min = new DateTime(2002, 9, 20);
    DateTime max = new DateTime(2018, 9, 20);
}
<jqx-date-time-input enable-absolute-selection="true" width="250" height="30"></jqx-date-time-input>

Sets or gets the firstDayOfWeek property.

<script src="~/jqwidgets/jqxcalendar.js"></script>
<script src="~/jqwidgets/jqxdatetimeinput.js"></script>
<script src="~/jqwidgets/globalization/globalize.js"></script>
@{
    DateTime date = new DateTime(2017, 9, 20);
    DateTime min = new DateTime(2002, 9, 20);
    DateTime max = new DateTime(2018, 9, 20);
}
<jqx-date-time-input first-day-of-week="3" width="250" height="30"></jqx-date-time-input>

Sets or gets the formatString property.

<script src="~/jqwidgets/jqxcalendar.js"></script>
<script src="~/jqwidgets/jqxdatetimeinput.js"></script>
<script src="~/jqwidgets/globalization/globalize.js"></script>
@{
    DateTime date = new DateTime(2017, 9, 20);
    DateTime min = new DateTime(2002, 9, 20);
    DateTime max = new DateTime(2018, 9, 20);
}
<jqx-date-time-input format-string="d" width="250" height="30"></jqx-date-time-input>

Sets or gets the height property.

<script src="~/jqwidgets/jqxcalendar.js"></script>
<script src="~/jqwidgets/jqxdatetimeinput.js"></script>
<script src="~/jqwidgets/globalization/globalize.js"></script>
@{
    DateTime date = new DateTime(2017, 9, 20);
    DateTime min = new DateTime(2002, 9, 20);
    DateTime max = new DateTime(2018, 9, 20);
}
<jqx-date-time-input width="250" height="30"></jqx-date-time-input>

Sets or gets the min property.

<script src="~/jqwidgets/jqxcalendar.js"></script>
<script src="~/jqwidgets/jqxdatetimeinput.js"></script>
<script src="~/jqwidgets/globalization/globalize.js"></script>
@{
    DateTime date = new DateTime(2017, 9, 20);
    DateTime min = new DateTime(2002, 9, 20);
    DateTime max = new DateTime(2018, 9, 20);
}
<jqx-date-time-input min="min" width="250" height="30"></jqx-date-time-input>

Sets or gets the max property.

<script src="~/jqwidgets/jqxcalendar.js"></script>
<script src="~/jqwidgets/jqxdatetimeinput.js"></script>
<script src="~/jqwidgets/globalization/globalize.js"></script>
@{
    DateTime date = new DateTime(2017, 9, 20);
    DateTime min = new DateTime(2002, 9, 20);
    DateTime max = new DateTime(2018, 9, 20);
}
<jqx-date-time-input max="max" width="250" height="30"></jqx-date-time-input>

Sets or gets the openDelay property.

<script src="~/jqwidgets/jqxcalendar.js"></script>
<script src="~/jqwidgets/jqxdatetimeinput.js"></script>
<script src="~/jqwidgets/globalization/globalize.js"></script>
@{
    DateTime date = new DateTime(2017, 9, 20);
    DateTime min = new DateTime(2002, 9, 20);
    DateTime max = new DateTime(2018, 9, 20);
}
<jqx-date-time-input open-delay="2000" width="250" height="30"></jqx-date-time-input>

Sets or gets the placeHolder property.

<script src="~/jqwidgets/jqxcalendar.js"></script>
<script src="~/jqwidgets/jqxdatetimeinput.js"></script>
<script src="~/jqwidgets/globalization/globalize.js"></script>
@{
    DateTime date = new DateTime(2017, 9, 20);
    DateTime min = new DateTime(2002, 9, 20);
    DateTime max = new DateTime(2018, 9, 20);
}
<jqx-date-time-input place-holder="Null Value" width="250" height="30"></jqx-date-time-input>

Sets or gets the popupZIndex property.

<script src="~/jqwidgets/jqxcalendar.js"></script>
<script src="~/jqwidgets/jqxdatetimeinput.js"></script>
<script src="~/jqwidgets/globalization/globalize.js"></script>
@{
    DateTime date = new DateTime(2017, 9, 20);
    DateTime min = new DateTime(2002, 9, 20);
    DateTime max = new DateTime(2018, 9, 20);
}
<jqx-date-time-input popup-z-index="99999" width="250" height="30"></jqx-date-time-input>

Sets or gets the rtl property.

<script src="~/jqwidgets/jqxcalendar.js"></script>
<script src="~/jqwidgets/jqxdatetimeinput.js"></script>
<script src="~/jqwidgets/globalization/globalize.js"></script>
@{
    DateTime date = new DateTime(2017, 9, 20);
    DateTime min = new DateTime(2002, 9, 20);
    DateTime max = new DateTime(2018, 9, 20);
}
<jqx-date-time-input rtl="true" width="250" height="30"></jqx-date-time-input>

Sets or gets the readonly property.

<script src="~/jqwidgets/jqxcalendar.js"></script>
<script src="~/jqwidgets/jqxdatetimeinput.js"></script>
<script src="~/jqwidgets/globalization/globalize.js"></script>
@{
    DateTime date = new DateTime(2017, 9, 20);
    DateTime min = new DateTime(2002, 9, 20);
    DateTime max = new DateTime(2018, 9, 20);
}
<jqx-date-time-input readonly="true" width="250" height="30"></jqx-date-time-input>

Sets or gets the showFooter property.

<script src="~/jqwidgets/jqxcalendar.js"></script>
<script src="~/jqwidgets/jqxdatetimeinput.js"></script>
<script src="~/jqwidgets/globalization/globalize.js"></script>
@{
    DateTime date = new DateTime(2017, 9, 20);
    DateTime min = new DateTime(2002, 9, 20);
    DateTime max = new DateTime(2018, 9, 20);
}
<jqx-date-time-input show-footer="true" width="250" height="30"></jqx-date-time-input>

Sets or gets the selectionMode property.

<script src="~/jqwidgets/jqxcalendar.js"></script>
<script src="~/jqwidgets/jqxdatetimeinput.js"></script>
<script src="~/jqwidgets/globalization/globalize.js"></script>
@{
    DateTime date = new DateTime(2017, 9, 20);
    DateTime min = new DateTime(2002, 9, 20);
    DateTime max = new DateTime(2018, 9, 20);
}
<jqx-date-time-input selection-mode="range" width="250" height="30"></jqx-date-time-input>

Sets or gets the showWeekNumbers property.

<script src="~/jqwidgets/jqxcalendar.js"></script>
<script src="~/jqwidgets/jqxdatetimeinput.js"></script>
<script src="~/jqwidgets/globalization/globalize.js"></script>
@{
    DateTime date = new DateTime(2017, 9, 20);
    DateTime min = new DateTime(2002, 9, 20);
    DateTime max = new DateTime(2018, 9, 20);
}
<jqx-date-time-input show-week-numbers="false" width="250" height="30"></jqx-date-time-input>

Sets or gets the showTimeButton property.

<script src="~/jqwidgets/jqxcalendar.js"></script>
<script src="~/jqwidgets/jqxdatetimeinput.js"></script>
<script src="~/jqwidgets/globalization/globalize.js"></script>
@{
    DateTime date = new DateTime(2017, 9, 20);
    DateTime min = new DateTime(2002, 9, 20);
    DateTime max = new DateTime(2018, 9, 20);
}
<jqx-date-time-input show-time-button="true" width="250" height="30"></jqx-date-time-input>

Sets or gets the showCalendarButton property.

<script src="~/jqwidgets/jqxcalendar.js"></script>
<script src="~/jqwidgets/jqxdatetimeinput.js"></script>
<script src="~/jqwidgets/globalization/globalize.js"></script>
@{
    DateTime date = new DateTime(2017, 9, 20);
    DateTime min = new DateTime(2002, 9, 20);
    DateTime max = new DateTime(2018, 9, 20);
}
<jqx-date-time-input show-calendar-button="false" width="250" height="30"></jqx-date-time-input>

Sets or gets the theme property.

<script src="~/jqwidgets/jqxcalendar.js"></script>
<script src="~/jqwidgets/jqxdatetimeinput.js"></script>
<script src="~/jqwidgets/globalization/globalize.js"></script>
@{
    DateTime date = new DateTime(2017, 9, 20);
    DateTime min = new DateTime(2002, 9, 20);
    DateTime max = new DateTime(2018, 9, 20);
}
<jqx-date-time-input theme="energyblue" width="250" height="30"></jqx-date-time-input>

Sets or gets the template property.

<script src="~/jqwidgets/jqxcalendar.js"></script>
<script src="~/jqwidgets/jqxdatetimeinput.js"></script>
<script src="~/jqwidgets/globalization/globalize.js"></script>
@{
    DateTime date = new DateTime(2017, 9, 20);
    DateTime min = new DateTime(2002, 9, 20);
    DateTime max = new DateTime(2018, 9, 20);
}
<jqx-date-time-input template="primary" width="250" height="30"></jqx-date-time-input>

Sets or gets the textAlign property.

<script src="~/jqwidgets/jqxcalendar.js"></script>
<script src="~/jqwidgets/jqxdatetimeinput.js"></script>
<script src="~/jqwidgets/globalization/globalize.js"></script>
@{
    DateTime date = new DateTime(2017, 9, 20);
    DateTime min = new DateTime(2002, 9, 20);
    DateTime max = new DateTime(2018, 9, 20);
}
<jqx-date-time-input text-align="right" width="250" height="30"></jqx-date-time-input>

Sets or gets the todayString property.

<script src="~/jqwidgets/jqxcalendar.js"></script>
<script src="~/jqwidgets/jqxdatetimeinput.js"></script>
<script src="~/jqwidgets/globalization/globalize.js"></script>
@{
    DateTime date = new DateTime(2017, 9, 20);
    DateTime min = new DateTime(2002, 9, 20);
    DateTime max = new DateTime(2018, 9, 20);
}
<jqx-date-time-input today-string="Today" width="250" height="30"></jqx-date-time-input>

Sets or gets the value property.

<script src="~/jqwidgets/jqxcalendar.js"></script>
<script src="~/jqwidgets/jqxdatetimeinput.js"></script>
<script src="~/jqwidgets/globalization/globalize.js"></script>
@{
    DateTime date = new DateTime(2017, 9, 20);
    DateTime min = new DateTime(2002, 9, 20);
    DateTime max = new DateTime(2018, 9, 20);
}
<jqx-date-time-input value="date" width="250" height="30"></jqx-date-time-input>

Sets or gets the width property.

<script src="~/jqwidgets/jqxcalendar.js"></script>
<script src="~/jqwidgets/jqxdatetimeinput.js"></script>
<script src="~/jqwidgets/globalization/globalize.js"></script>
@{
    DateTime date = new DateTime(2017, 9, 20);
    DateTime min = new DateTime(2002, 9, 20);
    DateTime max = new DateTime(2018, 9, 20);
}
<jqx-date-time-input width="250" height="30"></jqx-date-time-input>

Code examples

Bind to the change event of jqxDateTimeInput.

<script src="~/jqwidgets/jqxcalendar.js"></script>
<script src="~/jqwidgets/jqxdatetimeinput.js"></script>
<script src="~/jqwidgets/globalization/globalize.js"></script>
@{
    DateTime date = new DateTime(2017, 9, 20);
    DateTime min = new DateTime(2002, 9, 20);
    DateTime max = new DateTime(2018, 9, 20);
}
<jqx-date-time-input on-change="eventHandler()"></jqx-date-time-input>
							
@section scripts {								
<script type="text/javascript">									
	function eventHandler(event) {									
	}									
</script>									
}

Code examples

Bind to the close event of jqxDateTimeInput.

<script src="~/jqwidgets/jqxcalendar.js"></script>
<script src="~/jqwidgets/jqxdatetimeinput.js"></script>
<script src="~/jqwidgets/globalization/globalize.js"></script>
@{
    DateTime date = new DateTime(2017, 9, 20);
    DateTime min = new DateTime(2002, 9, 20);
    DateTime max = new DateTime(2018, 9, 20);
}
<jqx-date-time-input on-close="eventHandler()"></jqx-date-time-input>
							
@section scripts {								
<script type="text/javascript">									
	function eventHandler(event) {									
	}									
</script>									
}

Code examples

Bind to the open event of jqxDateTimeInput.

<script src="~/jqwidgets/jqxcalendar.js"></script>
<script src="~/jqwidgets/jqxdatetimeinput.js"></script>
<script src="~/jqwidgets/globalization/globalize.js"></script>
@{
    DateTime date = new DateTime(2017, 9, 20);
    DateTime min = new DateTime(2002, 9, 20);
    DateTime max = new DateTime(2018, 9, 20);
}
<jqx-date-time-input on-open="eventHandler()"></jqx-date-time-input>
							
@section scripts {								
<script type="text/javascript">									
	function eventHandler(event) {									
	}									
</script>									
}

Code examples

Bind to the textchanged event of jqxDateTimeInput.

<script src="~/jqwidgets/jqxcalendar.js"></script>
<script src="~/jqwidgets/jqxdatetimeinput.js"></script>
<script src="~/jqwidgets/globalization/globalize.js"></script>
@{
    DateTime date = new DateTime(2017, 9, 20);
    DateTime min = new DateTime(2002, 9, 20);
    DateTime max = new DateTime(2018, 9, 20);
}
<jqx-date-time-input on-textchanged="eventHandler()"></jqx-date-time-input>
							
@section scripts {								
<script type="text/javascript">									
	function eventHandler(event) {									
	}									
</script>									
}

Code examples

Bind to the valueChanged event of jqxDateTimeInput.

<script src="~/jqwidgets/jqxcalendar.js"></script>
<script src="~/jqwidgets/jqxdatetimeinput.js"></script>
<script src="~/jqwidgets/globalization/globalize.js"></script>
@{
    DateTime date = new DateTime(2017, 9, 20);
    DateTime min = new DateTime(2002, 9, 20);
    DateTime max = new DateTime(2018, 9, 20);
}
<jqx-date-time-input on-value-changed="eventHandler()"></jqx-date-time-input>
							
@section scripts {								
<script type="text/javascript">									
	function eventHandler(event) {									
	}									
</script>									
}

<script src="~/jqwidgets/jqxcalendar.js"></script>
<script src="~/jqwidgets/jqxdatetimeinput.js"></script>
<script src="~/jqwidgets/globalization/globalize.js"></script>
@{
    DateTime date = new DateTime(2017, 9, 20);
    DateTime min = new DateTime(2002, 9, 20);
    DateTime max = new DateTime(2018, 9, 20);
}
<jqx-date-time-input width="250" height="30" instance="getInstance()"></jqx-date-time-input>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["close"]();									
	}									
</script>									
}

<script src="~/jqwidgets/jqxcalendar.js"></script>
<script src="~/jqwidgets/jqxdatetimeinput.js"></script>
<script src="~/jqwidgets/globalization/globalize.js"></script>
@{
    DateTime date = new DateTime(2017, 9, 20);
    DateTime min = new DateTime(2002, 9, 20);
    DateTime max = new DateTime(2018, 9, 20);
}
<jqx-date-time-input width="250" height="30" instance="getInstance()"></jqx-date-time-input>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["destroy"]();									
	}									
</script>									
}

<script src="~/jqwidgets/jqxcalendar.js"></script>
<script src="~/jqwidgets/jqxdatetimeinput.js"></script>
<script src="~/jqwidgets/globalization/globalize.js"></script>
@{
    DateTime date = new DateTime(2017, 9, 20);
    DateTime min = new DateTime(2002, 9, 20);
    DateTime max = new DateTime(2018, 9, 20);
}
<jqx-date-time-input width="250" height="30" instance="getInstance()"></jqx-date-time-input>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["focus"]();									
	}									
</script>									
}

<script src="~/jqwidgets/jqxcalendar.js"></script>
<script src="~/jqwidgets/jqxdatetimeinput.js"></script>
<script src="~/jqwidgets/globalization/globalize.js"></script>
@{
    DateTime date = new DateTime(2017, 9, 20);
    DateTime min = new DateTime(2002, 9, 20);
    DateTime max = new DateTime(2018, 9, 20);
}
<jqx-date-time-input width="250" height="30" instance="getInstance()"></jqx-date-time-input>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		var result = instance["getRange"]();									
	}									
</script>									
}

<script src="~/jqwidgets/jqxcalendar.js"></script>
<script src="~/jqwidgets/jqxdatetimeinput.js"></script>
<script src="~/jqwidgets/globalization/globalize.js"></script>
@{
    DateTime date = new DateTime(2017, 9, 20);
    DateTime min = new DateTime(2002, 9, 20);
    DateTime max = new DateTime(2018, 9, 20);
}
<jqx-date-time-input width="250" height="30" instance="getInstance()"></jqx-date-time-input>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		var result = instance["getText"]();									
	}									
</script>									
}

<script src="~/jqwidgets/jqxcalendar.js"></script>
<script src="~/jqwidgets/jqxdatetimeinput.js"></script>
<script src="~/jqwidgets/globalization/globalize.js"></script>
@{
    DateTime date = new DateTime(2017, 9, 20);
    DateTime min = new DateTime(2002, 9, 20);
    DateTime max = new DateTime(2018, 9, 20);
}
<jqx-date-time-input width="250" height="30" instance="getInstance()"></jqx-date-time-input>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		var result = instance["getDate"]();									
	}									
</script>									
}

<script src="~/jqwidgets/jqxcalendar.js"></script>
<script src="~/jqwidgets/jqxdatetimeinput.js"></script>
<script src="~/jqwidgets/globalization/globalize.js"></script>
@{
    DateTime date = new DateTime(2017, 9, 20);
    DateTime min = new DateTime(2002, 9, 20);
    DateTime max = new DateTime(2018, 9, 20);
}
<jqx-date-time-input width="250" height="30" instance="getInstance()"></jqx-date-time-input>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		var result = instance["getMaxDate"]();									
	}									
</script>									
}

<script src="~/jqwidgets/jqxcalendar.js"></script>
<script src="~/jqwidgets/jqxdatetimeinput.js"></script>
<script src="~/jqwidgets/globalization/globalize.js"></script>
@{
    DateTime date = new DateTime(2017, 9, 20);
    DateTime min = new DateTime(2002, 9, 20);
    DateTime max = new DateTime(2018, 9, 20);
}
<jqx-date-time-input width="250" height="30" instance="getInstance()"></jqx-date-time-input>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		var result = instance["getMinDate"]();									
	}									
</script>									
}

<script src="~/jqwidgets/jqxcalendar.js"></script>
<script src="~/jqwidgets/jqxdatetimeinput.js"></script>
<script src="~/jqwidgets/globalization/globalize.js"></script>
@{
    DateTime date = new DateTime(2017, 9, 20);
    DateTime min = new DateTime(2002, 9, 20);
    DateTime max = new DateTime(2018, 9, 20);
}
<jqx-date-time-input width="250" height="30" instance="getInstance()"></jqx-date-time-input>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["open"]();									
	}									
</script>									
}

<script src="~/jqwidgets/jqxcalendar.js"></script>
<script src="~/jqwidgets/jqxdatetimeinput.js"></script>
<script src="~/jqwidgets/globalization/globalize.js"></script>
@{
    DateTime date = new DateTime(2017, 9, 20);
    DateTime min = new DateTime(2002, 9, 20);
    DateTime max = new DateTime(2018, 9, 20);
}
<jqx-date-time-input width="250" height="30" instance="getInstance()"></jqx-date-time-input>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["setRange"](new Date(2017, 9, 20),new Date(2017, 9, 22));									
	}									
</script>									
}

<script src="~/jqwidgets/jqxcalendar.js"></script>
<script src="~/jqwidgets/jqxdatetimeinput.js"></script>
<script src="~/jqwidgets/globalization/globalize.js"></script>
@{
    DateTime date = new DateTime(2017, 9, 20);
    DateTime min = new DateTime(2002, 9, 20);
    DateTime max = new DateTime(2018, 9, 20);
}
<jqx-date-time-input width="250" height="30" instance="getInstance()"></jqx-date-time-input>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["setMinDate"](new Date(2017, 9, 20));									
	}									
</script>									
}

<script src="~/jqwidgets/jqxcalendar.js"></script>
<script src="~/jqwidgets/jqxdatetimeinput.js"></script>
<script src="~/jqwidgets/globalization/globalize.js"></script>
@{
    DateTime date = new DateTime(2017, 9, 20);
    DateTime min = new DateTime(2002, 9, 20);
    DateTime max = new DateTime(2018, 9, 20);
}
<jqx-date-time-input width="250" height="30" instance="getInstance()"></jqx-date-time-input>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["setMaxDate"](new Date(2017, 9, 20));									
	}									
</script>									
}

<script src="~/jqwidgets/jqxcalendar.js"></script>
<script src="~/jqwidgets/jqxdatetimeinput.js"></script>
<script src="~/jqwidgets/globalization/globalize.js"></script>
@{
    DateTime date = new DateTime(2017, 9, 20);
    DateTime min = new DateTime(2002, 9, 20);
    DateTime max = new DateTime(2018, 9, 20);
}
<jqx-date-time-input width="250" height="30" instance="getInstance()"></jqx-date-time-input>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["setDate"](new Date(2017, 9, 20));									
	}									
</script>									
}

<script src="~/jqwidgets/jqxcalendar.js"></script>
<script src="~/jqwidgets/jqxdatetimeinput.js"></script>
<script src="~/jqwidgets/globalization/globalize.js"></script>
@{
    DateTime date = new DateTime(2017, 9, 20);
    DateTime min = new DateTime(2002, 9, 20);
    DateTime max = new DateTime(2018, 9, 20);
}
<jqx-date-time-input width="250" height="30" instance="getInstance()"></jqx-date-time-input>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		var result = instance["val"]();									
	}									
</script>									
}