Wijmo UI for the Web
wijinputdate jQuery Widget
Create drop-down calendars or lists of dates to collect date information from your users.
Syntax
$(function () {
    var options; // Type:  wijmo.input.wijinputdate.options
     
    $(".selector").wijinputdate(options);
});
function wijinputdate() : any;
Options
 NameDescription
public Option

Default value: 0

Determines the active field index.

 
public Option

Default value: false

Determines whether the spin behavior can wrap when reaching a maximum or minimum limit.

 
public Option

Default value: ""

Determines string designator for hours that are "ante meridiem" (before noon).

 
public Option

Default value: true

Determines whether to automatically moves to the next field.

 
public Option

Default value: false

Determins whether or not the next control in the tab order receives the focus as soon as the control is filled at the last character.

 
public Option

Default value: 'none'

Gets or set whether the focus automatically moves to the next or previous tab ordering control when pressing the left, right arrow keys.

 
public Option

Default value: ""

Determines the culture used to show values in the wijinput widget.

 
public Option

Default value: ""

Assigns the string value of the culture calendar that appears on the calendar. This option must work with culture option.

 
public Option

Determines the initial date value shown for the wijdateinput widget.

 
public Option

Default value: 'd'

The format pattern to display the date value when control got focus.

 
public Option

Default value: ""

The format pattern to display the date value when control lost focus.

 
public Option

Default value: 'right'

Determines the side, left or right, where the dropdown button appear. Possible values are: 'left', 'right'

 
public Option

Default value: false

If true, then the browser response is disabled when the ENTER key is pressed.

 
public Option

Default value: 'field'

Gets or sets whether to highlight the control's Text on receiving input focus. possible values is "field", "all" .

 
public Option

Default value: false

A boolean value determines the range of hours that can be entered in the control.

 
public Option

Default value: 'auto'

Determines the input method setting of widget. Possible values are: 'auto', 'active', 'inactive', 'disabled'

 
public Option

Default value: 1

Determines how much to increase/decrease the active field when performing spin on the the active field.

 
public Option

The CSS class applied to the widget when an invalid value is entered.

 
public Option

Default value: 800

Determines the time span, in milliseconds, between two input intentions.

 
public Option

Default value: null

Determines the latest, or maximum date, that can be entered.

 
public Option

Default value: true

A boolean value determines whether to express midnight as 24:00.

 
public Option

Default value: null

Determines the earliest, or minimum, date that can be entered.

 
public Option

Type: wijmo.input.DatePickersClass

An object containing the settings for the dropdown date picker.

 
public Option

Determines the text displayed when the widget is blank and contains no initial text.

 
public Option

Default value: ""

Determines the string designator for hours that are "post meridiem" (after noon).

 
public Option

Detemines the popup position of a calendar. See jQuery.ui.position for position options.

 
public Option

Default value: ""

Determines the character that appears when the widget has focus but no input has been entered.

 
public Option

Default value: false

Determines whether a user can enter a value in the wijinput widget. If readonly is true, user can't input value to the wijinput widget by ui operation, such as spin, pick value from pickers.

 
public Option

Default value: true

Determines whether dropdown button is displayed.

 
public Option

Default value: false

Determines whether spinner button is displayed.

 
public Option

Determines whether dropdown button is displayed.

 
public Option

Default value: false

Determines whether the control should interpret 2-digits year inputted in year field. using the value provided in the "startYear" option.

 
public Option

Default value: 'verticalRight'

Determines the side, left or right, where the spinner button appear. Possible values are: 'vertialLeft', 'verticalRight', 'horizontalDownLeft', 'horizontalUpLeft'. The default value is 'verticalRight'.

 
public Option

Default value: 1950

Determines how the control interprets a 2-digit year when it is entered in the year field when the smartInputMode option is set to true.

 
public Option

Default value: 'field'

Gets or sets whether the tab key moves the focus between controls or between fields within the control, possible values is "field", "control".

 
Top
Methods
 NameDescription
public MethodDestroy the widget.  
public MethodOpen the dropdown window.  
public MethodSet the focus to the widget.  
public MethodGets the text value when the container form is posted back to server.  
public MethodGets the selected text.  
public MethodGets the text displayed in the input box.  
public MethodDetermines whether the date is a null value.  
public MethodGet a boolean value indicates that whether the widget has been destroyed.  
public MethodDetermines whether the widget has the focus.  
public MethodSelects a range of text in the widget.  
public MethodSets the text displayed in the input box.  
public MethodPerforms spin down by the active field and increment value.  
public MethodPerforms spin up by the active field and increment value.  
public MethodGets element this widget is associated.  
Top
Events
 NameDescription
public EventThe afterSlide event handler. A function called after the calendar view slided to another month. Cancellable.  
public EventThe dateChanged event handler. A function called when the date of the input is changed.  
public EventThe dropdownButtonMouseDown event handler. A function called when the mouse is pressed down on the dropdown button.  
public EventThe dropdownButtonMouseUp event handler. A function called when the mouse is released on the dropdown button.  
public EventThe dropdownClose event handler. A function called before the widget's dropdown closed.  
public EventThe dropdownOpen event handler. A function called before the widget's dropdown opened.  
public EventThe initialized event handler. A function called after the widget is initialized.  
public EventThe initializing event handler. A function called before the widget is initialized.  
public EventThe invalidInput event handler. A function called when invalid charactor is typed.  
public EventFired when the widget lost focus and caused by the keyboard behavior.  
public EventThe spinDown event handler. A function called when spin down event fired.  
public EventThe spinUp event handler. A function called when spin up event fired.  
public EventFired when the widget text is changed.  
public EventThe valueBoundsExceeded event hander. A function called when the valueBoundExceeded event fired.  
Top
See Also

Widgets

InputDate

Reference

wijinputdate jQuery Widget