JqxCalendar

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

See the complete documentation at jqWidget's site: http://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxcalendar/jquery-calendar-getting-started.htm

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.