To conclude the jQuery Date Picker Series, we will explore the most basic jQuery date picker… the one provided with jQueryUI.
The jQueryUI Date Picker is just as simple to use as other date pickers. Like many other things in jQuery you start out with a blank div.
<div type="text" id="datepicker"></div>
Then for the most basic calendar you use the following jQuery code:
$("#datepicker").datepicker();
You can place a number of options within this code in order to modify certain aspects of of the calendar.
altField: "#dom_id" – Tells the calendar where to put the selected value once the user selects the date. You can use any selector in place of the #dom_id
altFormat: "yy-mm-dd" – Specifies the format of the date. You can find more information on creating the date by going to: http://docs.jquery.com/UI/Datepicker/formatDate
There are many other options you can use in order to modify the date picker. You can find the guide to them at: http://docs.jquery.com/UI/Datepicker
