How To: jQuery UI - Format Date For Datepicker

To format the date to be used in the Datepicker, set the dateFormat option to the desired format. The default for the dateFormat is: "mm/dd/yy". Review the Datepicker formatDate Utility function for a complete list of format options.

HTML for the Datepicker

<input id="datepicker" />

JavaScript to create the Datepicker and set the date format

$("#datepicker").datepicker({ dateFormat: "MM dd, yy" });

Example

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License