function Main() {
$("#jqxWidget").jqxCalendar({ value: $.jqx._jqxDateTimeInput.getDateTime(new Date(2011, 9, 1)) });
}
Calendar1.oncellSelected = function()
alert($("#Calendar1").jqxCalendar("getDate"));
}
No edit summary |
|||
(9 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
[[File:JqxCalendar.png]] | |||
== Description == | == Description == | ||
jqxCalendar represents a jQuery calendar widget that enables the user to select a date using a visual monthly calendar display. | 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 == | == Properties and Methods == | ||
This control is well documented on the jqWidget's website: http://www.jqwidgets.com/jquery-widgets-documentation/. | |||
http://www.jqwidgets.com/jquery-widgets-documentation/ | |||
== Example == | == Example == | ||
< | <tabber> | ||
JavaScript= | |||
<syntaxhighlight lang="JavaScript"> | |||
function Main() { | |||
$("#jqxWidget").jqxCalendar({ value: $.jqx._jqxDateTimeInput.getDateTime(new Date(2011, 9, 1)) }); | |||
} | |||
Calendar1.oncellSelected = function() | |||
alert($("#Calendar1").jqxCalendar("getDate")); | |||
}</syntaxhighlight> | |||
|-| | |||
BASIC= | |||
<syntaxhighlight lang="vb.net"> | |||
Sub Main() | Sub Main() | ||
$("#jqxWidget").jqxCalendar({ value: $.jqx._jqxDateTimeInput.getDateTime(new Date(2011, 9, 1)) }); | $("#jqxWidget").jqxCalendar({ value: $.jqx._jqxDateTimeInput.getDateTime(new Date(2011, 9, 1)) }); | ||
Line 18: | Line 31: | ||
Function Calendar1_oncellSelected() | Function Calendar1_oncellSelected() | ||
MsgBox $("#Calendar1").jqxCalendar("getDate") | MsgBox $("#Calendar1").jqxCalendar("getDate") | ||
End Function | End Function</syntaxhighlight> | ||
</tabber> | |||
== FastClick Fix == | |||
On some devices, FastClick can cause problems with the calendar function. The following code should resolve the issue: | |||
<pre> | |||
JavaScript | |||
$('#Calendar1 *').addClass('needsclick') | |||
$('#Calendar1').on('change viewChange click',function(){$('#Calendar1 *').addClass('needsclick')}) | |||
End JavaScript | |||
</pre> | </pre> | ||
Line 24: | Line 48: | ||
See above. | See above. | ||
[[Category:Language Reference]] | |||
[[Category:jqWidgets]] | |||
[[Category:Controls]] |
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.
This control is well documented on the jqWidget's website: http://www.jqwidgets.com/jquery-widgets-documentation/.
function Main() {
$("#jqxWidget").jqxCalendar({ value: $.jqx._jqxDateTimeInput.getDateTime(new Date(2011, 9, 1)) });
}
Calendar1.oncellSelected = function()
alert($("#Calendar1").jqxCalendar("getDate"));
}
Sub Main()
$("#jqxWidget").jqxCalendar({ value: $.jqx._jqxDateTimeInput.getDateTime(new Date(2011, 9, 1)) });
End Sub
Function Calendar1_oncellSelected()
MsgBox $("#Calendar1").jqxCalendar("getDate")
End Function
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
See above.