JqxDateTimeInput: Difference between revisions

From NSB App Studio
Jump to navigation Jump to search
Line 8: Line 8:
== Properties and Methods ==  
== Properties and Methods ==  


See the complete documentation at jqWidget's site:  
This control is well documented on the jqWidget's website: http://www.jqwidgets.com/jquery-widgets-documentation/.
http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxdatetimeinput/index.htm


{| class='wikitable'
{| class='wikitable'

Revision as of 17:14, 7 April 2016

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.

Properties and Methods

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

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)

Function DateTimeInput1_onvalueChanged(e)
  MsgBox "New date is " & e.args.date
End Function

Example (JavaScript)

DateTimeInput1.onvalueChanged = function(e) {
    NSB.MsgBox("New date is " + e.args.date);
}

Output

See above.