Set date format in jquery ui datepicker

The jQuery UI Datepicker is a highly configurable plugin that adds datepicker functionality to your pages.  You can customize the date format.

1. d – day of month (single digit where applicable)
2. dd – day of month (two digits)
3.  o – day of the year (no leading zeros)
4. oo – day of the year (three digit)
5. m – month of year (single digit where applicable)
6. mm – month of year (two digits)
7.  y – year (two digits)
8.  yy – year (four digits)
9. D – short day name
10.  DD – full day name
11.  M – short month name
12.  MM – long month name
13.  '...' – any literal text string
14.  @ - UNIX timestamp (milliseconds since 01/01/1970)
15. ! – Windows ticks (100ns since 01/01/0001)

 (function(){
    var pickerOpts = {
       dateFormat:"d MM yy"
    };
    $("#date").datepicker(pickerOpts);
 });

predefined date formats for datepicker

The complete set of predefined date formats

Option value	Date format
$.datepicker.ATOM	"yy-mm-dd"
$.datepicker.COOKIE	"D, dd M y"
$.datepicker.ISO_8601	"yy-mm-dd"
$.datepicker.RFC_822	"D, d M y"
$.datepicker.RFC_850	"DD, dd-M-y"
$.datepicker.RFC_1036	"D, d M y"
$.datepicker.RFC_1123	"D, d M yy"
$.datepicker.RFC_2822	"D, d M yy"
$.datepicker.RSS	"D, d M y"
$.datepicker.TIMESTAMP	@ (UNIX timestamp)
$.datepicker.W3C	"yy-mm-dd"