JqxCalendar: Difference between revisions

From NSB App Studio
Jump to navigation Jump to search
← Older editNewer edit →
Line 12: Line 12:


<pre>
<pre>
Dim data, source, dataAdapter
Sub Main()
data = generatedata(50)     'generatedata is a function which returns grid data
  $("#jqxWidget").jqxCalendar({ value: $.jqx._jqxDateTimeInput.getDateTime(new Date(2011, 9, 1)) });
source = {localdata: data, datatype: "array"}
End Sub
dataAdapter = new $.jqx.dataAdapter(source)
 
             
Function Calendar1_oncellSelected()
Grid1_settings.source = dataAdapter
  MsgBox $("#Calendar1").jqxCalendar("getDate")
Grid1_settings.columns = [ _
End Function
    { text: "First Name", dataField: "firstname", width: 100 }, _
    { text: "Last Name", dataField: "lastname", width: 100 }, _
    { text: "Product", dataField: "productname", width: 180 }, _
    { text: "Quantity", dataField: "quantity", width: 80, cellsalign: "right" }, _
    { text: "Unit Price", dataField: "price", width: 90, cellsalign: "right", cellsformat: "c2" }, _
    { text: "Total", dataField: "total", cellsalign: "right", minwidth: 100, cellsformat: "c2" } _
  ]
</pre>
</pre>


Revision as of 21:17, 4 January 2013

Description

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

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

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

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

Output

See above.

Retrieved from "https://wiki.appstudio.dev/index.php?title=JqxCalendar&oldid=2203"