JqxCalendar: Difference between revisions

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


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


== Example (Basic) ==
== Example (Basic) ==

Revision as of 17:13, 7 April 2016

Description

jqxCalendar represents a jQuery calendar widget that enables the user to select a date using a visual monthly calendar display.

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/.

Example (Basic)

Sub Main()
  $("#jqxWidget").jqxCalendar({ value: $.jqx._jqxDateTimeInput.getDateTime(new Date(2011, 9, 1)) });
End Sub

Function Calendar1_oncellSelected()
  MsgBox $("#Calendar1").jqxCalendar("getDate")
End Function

Example (JavaScript)

function Main() {
  $("#jqxWidget").jqxCalendar({ value: $.jqx._jqxDateTimeInput.getDateTime(new Date(2011, 9, 1)) });
}

Calendar1.oncellSelected = function() 
  alert($("#Calendar1").jqxCalendar("getDate"));
}

FastClick Fix

On some devices, FastClick can cause problems with the calendar function. The following code should resolve the issue:

JavaScript
    $('#Calendar1 *').addClass('needsclick')
    $('#Calendar1').on('change viewChange click',function(){$('#Calendar1 *').addClass('needsclick')}) 
End JavaScript

Output

See above.