Simply play with the properties on the Widget Properties tab, click the Update button to regenerate the C#, HTML and JavaScript. Once the page has loaded have a look at the Widget Methods tab to see how you can interact with the widget.
jQuery Events Log
Tick the Show & Render Events checkbox to start showing the events (and click Update).
This section configures the look & feel of the Datepicker control as it initially appears. This corresponds to the options that appear on the Datepicker options page.
Here are the methods available for the jQuery UI control, have a click on the buttons and see how the behaviour of the control changes.
Below is the code required to use the options you have selected above.
<% Html.CreateDatePicker("dt") .Options .SetButtonImage("/Content/calendar_week.png") .Finish() .Events .SetCreateEvent("return createEvent(event, ui);") .SetBeforeShowEvent("return beforeShowEvent(input, inst);") .SetBeforeShowDayEvent("return beforeShowDayEvent(date);") .SetOnChangeMonthYearEvent("return onChangeMonthYear(year, month, inst);") .SetOnCloseEvent("return onClose(dateText, inst);") .SetOnSelectEvent("return onSelect(dateText, inst);") .Finish() .Render(); %>
Which produces the following HTML mark-up.
Which initialises the control with the following [generated] JavaScript.
Notice how Fluqi generates the minimum JavaScript necessary to configure the widget, minimising the download to the browser.