jquery date picker get date string in dd/mm/yy

Question

I have the string

'Thu Oct 20 2011 00:00:00 GMT-0400 (Eastern Daylight Time)'

and would like to get date in format dd/mm/yyyy out of this. How can I do this using jquery date picker library?

Answer 1

This is a dupe question asked here before: jQuery UI DatePicker - Change Date Format

You can do this:

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

Just to note though, the JqueryUIDatePicker has a formatdate and parseDate function too.

Answer 2

You can use the javascript Date() method

var dateTime = new Date($("#yourSelector").datepicker("getDate"));

var strDateTime =  dateTime.getDate() + "/" + (dateTime.getMonth()+1) + "/" + dateTime.getFullYear();

console.log(strDateTime);

Answer 3

If you already set dateFormat parameter in datepicker initiation, you may use only

    $( ".selector" ).val();

Because, else, using :

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

is causing datepicker's onSelect event not to be triggered (don't know why, just observed).

Answer 4

try having a look at http://docs.jquery.com/UI/Datepicker/formatDate

Answer 5

Initialize a datepicker with the dateFormat option specified.

$( ".selector" ).datepicker({ dateFormat: 'dd/mm/yyyy' });

Get or set the dateFormat option, after init.

//getter
var dateFormat = $( ".selector" ).datepicker( "option", "dateFormat" );
//setter
$( ".selector" ).datepicker( "option", "dateFormat", 'dd/mm/yyyy' );