jQuery UI DatePicker - Change Date Format jQuery UI DatePicker - Change Date Format jquery jquery

jQuery UI DatePicker - Change Date Format


Here's one specific for your code:

var date = $('#datepicker').datepicker({ dateFormat: 'dd-mm-yy' }).val();

More general info available here:


inside the jQuery script code just paste the code.

$( ".selector" ).datepicker({ dateFormat: 'yy-mm-dd' });

this should work.


The getDate method of datepicker returns a date type, not a string.

You need to format the returned value to a string using your date format.Use datepicker's formatDate function:

var dateTypeVar = $('#datepicker').datepicker('getDate');$.datepicker.formatDate('dd-mm-yy', dateTypeVar);

The full list of format specifiers is available here.