JQuery UI Datepicker date format issue with initial value

Question

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.

looking at your code i have changed my code to $("#datepicker").datepicker();$('#datepicker').datepicker("setDate", new Date($("#datepicker").val()) ); and it help me — AEMLoviji
– AEMLoviji, Commented Nov 30, 2012 at 6:48

Alex Bagnolini · Accepted Answer · 2010-03-11 18:31:58Z

20

$('#datepicker').datepicker('option', 'dateFormat', 'dd-mm-yy');

Year is specified as y for 2 digits and yy for 4 digits, as stated here.

answered Mar 11, 2010 at 18:31

Alex Bagnolini

22.5k3 gold badges44 silver badges41 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

gkiko Over a year ago

Somehow only this snippet worked for me. This had no effect $( "#datepicker" ).datepicker({ dateFormat: "dd-mm-yy"});

Matt Ball · Accepted Answer · 2010-03-11 18:26:40Z

8

You need a combination of dateFormat and defaultDate options:

$("#datepicker").datepicker(
{
    dateFormat: 'mm/dd/yyyy',
    defaultDate: '20/03/2010'
});

there are, however, many different ways to specify the default date. I'm not sure what you need so you can reference the API here: http://docs.jquery.com/UI/Datepicker#option-defaultDate.

answered Mar 11, 2010 at 18:26

Matt Ball

361k102 gold badges655 silver badges725 bronze badges

2 Comments

Mithun Sreedharan Over a year ago

Thanks man, But 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.

Matt Ball Over a year ago

Well, you can read that out of the input yourself: defaultDate: $('#datePicker').val().

Yeldar Kurmangaliyev · Accepted Answer · 2015-07-14 03:40:30Z

0

mm equals minutes not months.
Use dd/MM/yyyy instead.

edited Jul 14, 2015 at 3:40

Yeldar Kurmangaliyev

34.3k13 gold badges64 silver badges104 bronze badges

answered Jul 14, 2015 at 0:05

Marco Francisco

112 bronze badges

Comments

Bishal Paudel · Accepted Answer · 2015-12-21 08:55:50Z

0

Also remember that type="date" will make issue, so set type as text.

answered Dec 21, 2015 at 8:55

Bishal Paudel

1,9662 gold badges21 silver badges30 bronze badges

Comments

Shawn Chin · Accepted Answer · 2011-11-15 13:57:48Z

-5

Not accurate!!!

$("#datepicker").datepicker(
{
    dateFormat: 'mm/dd/yyyy',
    defaultDate: '20/03/2010'
});

You must to put the right format in dateFormat : for your example there is : dd/mm/yy two mistake:

day/month inversion
year is only two 'y' not four

edited Nov 15, 2011 at 13:57

Shawn Chin

87.4k20 gold badges168 silver badges193 bronze badges

answered Nov 15, 2011 at 13:47

nabla

11

Collectives™ on Stack Overflow

JQuery UI Datepicker date format issue with initial value

5 Answers 5

1 Comment

2 Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

2 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related