View source for JqxDateTimeInput

[[File:Jqxdatetimeinput.png]] 
== Description == 
jqxDateTimeInput represents a highly configurable widget for displaying and selecting date and time values by using a popup Calendar display or by keyboard input into the text field.

jqWidgets is a commercial product, which depending on how you use it, requires a license fee.
Complete details are on jqWidget's website. The product is well supported.

IMPORTANT: Make sure that FastClick in Project Properties is set to False, otherwise the control will not work properly on iOS.

== Properties and Methods == 

This control is well documented on the jqWidget's website:  http://www.jqwidgets.com/jquery-widgets-documentation/.

{| class='wikitable'
|-
| closeCalendarAfterSelection || Close Calendar after selection has been done.
|-
| dropDownHorizontalAlignment || Calendar alignment.
|-
| enableBrowserBoundsDetection || When this property is set to true, the popup calendar may open above the input, if there's not enough space below the DateTimeInput.
|-
| formatString || Date or time format. Use t for time. See jqWidgets docs for all the options.
|-
| name || Key in submitted form
|-
| selectionMode || Sets or gets the dropdown calendar's selection mode.
|-
| showCalendarButton || Show the Calendar button.
|-
| showFooter || Sets a value indicating whether the calendar's footer is displayed.
|-
| style || Styling rules for element
|}

== Example (Basic) == 

<pre>
Function DateTimeInput1_onvalueChanged(e)
  MsgBox "New date is " & e.args.date
End Function
</pre>

== Example (JavaScript) ==
<pre>
DateTimeInput1.onvalueChanged = function(e) {
    NSB.MsgBox("New date is " + e.args.date);
}
</pre>

== Output ==

See above.

[[Category:Language Reference]]

[[Category:jqWidgets]]

[[Category:Controls]]