JQuery UI Datepicker date format issue with initial value
date, datepicker, format, jquery
Solution
$('#datepicker').datepicker('option', 'dateFormat', 'dd-mm-yy');
Year is specified as `y` for 2 digits and `yy` for 4 digits, as stated here.
Problem
I need to set the initial date for the date picker to 03/20/2010 in mm-dd-yyyyy format. I have done this ``` <input id='datepicker' type='text' value='20/03/2010' /> ``` But my problem is on clicking the field date picker populates with today's date as highlighed and no date selected, and up on selecting date value But when i change my input field like one below ``` <input id='datepicker' type='text' value='03/20/2010' /> ``` Date picker is populating March 20 as selected date and current date highlighted. But all in 'mm-dd-yyyy' format! I want show all dates in 'dd-mm-yyyy' format. How can I solve this? I tried some of the options and combinations below, but none of them solved my problem ``` $("#datepicker").datepicker(); $("#datepicker").datepick({dateFormat: 'mm/dd/yyyy'}); $("#datepicker").formatDate('dd/mm/yy'); $('#datepicker').datepicker("setDate", new Date($("#datepicker").val()) ); ``` Update: Unfortunately i cant set Date value march 20 directly via javascript sice it is dynamically changing and is stored in a PHP variable. I need to get the default value from input field itself.