Blazor JqxDateTimeInput API Reference

Name	Type
Properties
animationType	object
Sets or gets the type of the animation. Possible Values: `'fade'` `'slide'` `'none'`
allowNullDate	bool
Determines whether Null is allowed as a value.
allowKeyboardDelete	bool
Determines whether `Backspace` and `Delete` keys are handled by the widget.
clearString	string
Sets or gets the 'Clear' string displayed when the 'showFooter' property is true.
culture	string
Sets or gets the jqxDateTimeInput's culture. The culture settings are contained within a file with the language code appended to the name, e.g. jquery.glob.de-DE.js for German. To set the culture, you need to include the jquery.glob.de-DE.js and set the culture property to the culture's name, e.g. 'de-DE'.
closeDelay	double
Specifies the animation duration of the popup calendar when it is going to be hidden.
closeCalendarAfterSelection	bool
Sets or gets whether or not the popup calendar must be closed after selection.
dropDownHorizontalAlignment	object
Sets the DropDown's alignment. Possible Values: `'left'` `right'`
dropDownVerticalAlignment	object
Sets or gets the DropDown's alignment. Possible Values: `'top'` `'bottom'`
disabled	bool
Determines whether the widget is disabled.
enableBrowserBoundsDetection	bool
When this property is set to true, the popup calendar may open above the input, if there's not enough space below the DateTimeInput.
enableAbsoluteSelection	bool
This setting enables the user to select only one symbol at a time when typing into the text input field.
firstDayOfWeek	double
Sets or gets which day to display in the first day column. By default the calendar displays 'Sunday' as first day.
formatString	string
Sets or gets the date time input format of the date. Possible Values: `'d'-the day of the month` `'dd'-the day of the month` `'ddd'-the abbreviated name of the day of the week` `'dddd'-the full name of the day of the week` `'h'-the hour, using a 12-hour clock from 1 to 12` `'hh'-the hour, using a 12-hour clock from 01 to 12` `'H'-the hour, using a 24-hour clock from 0 to 23` `'HH'-the hour, using a 24-hour clock from 00 to 23` `'m'-the minute, from 0 through 59` `'mm'-the minutes,from 00 though59` `'M'-the month, from 1 through 12;` `'MM'-the month, from 01 through 12` `'MMM'-the abbreviated name of the month` `'MMMM'-the full name of the month` `'s'-the second, from 0 through 59` `'ss'-the second, from 00 through 59` `'t'-the first character of the AM/PM designator` `'tt'-the AM/PM designator` `'y'-the year, from 0 to 99` `'yy'-the year, from 00 to 99` `'yyy'-the year, with a minimum of three digits` `'yyyy'-the year as a four-digit number`
height	object
Sets or gets the height of the jqxDateTimeInput widget.
min	DateTime
Sets or gets the jqxDateTimeInput's minumun date.
max	DateTime
Sets or gets the jqxDateTimeInput's maximum date.
openDelay	double
Specifies the animation duration of the popup calendar when it is going to be displayed.
placeHolder	string
Determines the widget's place holder displayed when the widget's value is null.
popupZIndex	double
Sets or gets the popup's z-index.
rtl	bool
Sets or gets a value indicating whether widget's elements are aligned to support locales using right-to-left fonts.
isReadonly	bool

showFooter	bool
Sets or gets a value indicating whether the dropdown calendar's footer is displayed.
selectionMode	object
Sets or gets the dropdown calendar's selection mode. Possible Values: `'none'` `'default'` `'range'`
showWeekNumbers	bool
Sets or gets a value whether the week`s numbers are displayed.
showTimeButton	bool
Determines whether the time button is visible.
showCalendarButton	bool
Determines whether the calendar button is visible.
theme	string
Sets the widget's theme. Include the theme's CSS file after jqx.base.css. The following code example adds the 'material' theme. `<link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" /> <link rel="stylesheet" href="../../jqwidgets/styles/jqx.material.css" type="text/css" />` Set the widget's theme property to 'material' when you initialize it.
template	object
Determines the template as an alternative of the default styles. Possible Values: `'default' - the default template. The style depends only on the "theme" property value.` `'primary' - dark blue style for extra visual weight.` `'success' - green style for successful or positive action.` `'warning' - orange style which indicates caution.` `'danger' - red style which indicates a dangerous or negative action.` `'info' - blue button, not tied to a semantic action or use.`
textAlign	object
Sets or gets the position of the text.
todayString	string
Sets or gets the 'Today' string displayed in the dropdown Calendar when the 'showFooter' property is true.
value	object
Sets or gets the jqxDateTimeInput value.
width	object
Sets or gets the width of the jqxDateTimeInput widget.
Events
onChange	Event
This event is triggered on blur when the value is changed .
onClose	Event
This event is triggered when the popup calendar is closed.
onOpen	Event
This event is triggered when the popup calendar is opened.
onTextchanged	Event
This event is triggered when the text is changed.
onValueChanged	Event
This event is triggered when the value is changed.
Methods
Name	Arguments	Return Type
close	()	void
After calling this method, the popup calendar will be hidden.
destroy	()	void
Destroys the widget.
focus	()	void
Focuses the widget.
getRange	()	object
Gets the selection range when the selectionMode is set to 'range'. The returned value is an object with "from" and "to" fields. Each of the fields is a JavaScript Date object.
getText	()	string
Returns the input field's text.
getDate	()	object
When the getDate method is called, the user gets the current date. The returned value is JavaScript Date object.
getMaxDate	()	object
When the setMaxDate method is called, the user gets the maximum navigation date. The returned value is JavaScript Date object.
getMinDate	()	object
When the getMinDate method is called, the user gets the minimum navigation date. The returned value is JavaScript Date object.
open	()	void
After calling this method, the popup calendar will be displayed.
setRange	(object date, object date2)	void
Sets the selection range when the selectionMode is set to 'range'. The required parameters are JavaScript Date objects.
setMinDate	(object date)	void
When the setMinDate method is called, the user sets the minimum date to which it is possible to navigate.
setMaxDate	(object date)	void
When the setMaxDate method is called, the user sets the maximum date to which it is possible to navigate.
setDate	(object date)	void
When the setDate method is called, the user sets the date. The required parameter is a JavaScript Date object.
val	[SET] (object value, object value2) [GET] ()	[SET] void [GET] object
Gets or sets the jqxDateTimeInput's value. Set value: `this.$refs.myDateTimeInput.val(new Date(2011, 10, 24));` Get value: `let date = this.$refs.myDateTimeInput.val();`

Properties

Events

Methods