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?

score 22 · Answer 1 · edited May 23 '17 at 10:29

22

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.

edited May 23 '17 at 10:29

Community

1
1

answered Oct 21 '11 at 03:16

gideon

19,329
11
72
113

score 19 · Answer 2 · answered Jan 27 '15 at 19:15

19

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);

answered Jan 27 '15 at 19:15

dCrystal

584
5
11

1

I like this answer because it will work even if you don't have an input related to the datepicker like if it is set on a DIV. – pmrotule Sep 22 '15 at 18:05
Why `dateTime.getMonth()+1` ? – Chirag May 16 '17 at 09:23
getMonth() method returns the month from 0 to 11 – dCrystal May 19 '17 at 21:22

score 7 · Answer 3 · answered May 27 '13 at 17:18

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).

score 2 · Answer 4 · answered Oct 21 '11 at 03:14

2

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

answered Oct 21 '11 at 03:14

Keith Nicholas

43,549
15
93
156

score 2 · Answer 5 · answered Oct 21 '11 at 03:14

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' );

score 0 · Answer 6 · answered Jul 29 '19 at 13:13

set your datepicker with dateFormat

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

Then onSelect function of datepicker try below

$('#datepicker').datepicker({           
        dateFormat: "dd/mm/yyyy",
        onSelect: function () {               
            $(this).val(); //this will return the date ex: 29/07/2019

        }
    });

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

6 Answers6