jQuery date format not working

Question

I am using jQuery datepicker for my project. I have this code:

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

My gripe is that although the datepicker shows, the date format is still 'mm-dd-yyyy') and I had also tried

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

It still displays as mm-dd-yyyy. Am I missing out something?

The format mantains 'mm-dd-yyyy' format each date you pick in the calendar, or you're sending a 'mm-dd-yyyy' format data to the component in the load time and it's not assimilating? Your second code is correct anyway. — RPichioli
– RPichioli, Commented Sep 1, 2016 at 2:35

Dekel · Accepted Answer · 2016-09-01 02:16:51Z

1

Not sure if the problem you has was with day/month or with the number of digits for year, but this code works:

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.0/jquery-ui.min.css">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.0/jquery-ui.min.js"></script>
<input id="date-show" name="date-show" />

If you need the year to be 2 digits (instead of 4) you should use only 1 y (and not 2).

$('#date-show').datepicker({ dateFormat: 'dd-mm-y' });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.0/jquery-ui.min.css">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.0/jquery-ui.min.js"></script>
<input id="date-show" name="date-show" />

edited Sep 1, 2016 at 2:16

answered Sep 1, 2016 at 2:03

Dekel

62.9k12 gold badges109 silver badges130 bronze badges

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

5 Comments

Dekel Over a year ago

Not sure who the downvoter is, but it will be great to get an explanation for the downvote

Dekel Over a year ago

I was sure his problem is with mm-dd vs dd-mm. The yy is for 4 chars year. If he wants 2 he can use only 1 y.

Dekel Over a year ago

@epascarello, answer updated, I think you can change the downvote

Dekel Over a year ago

@ExcubeDzynes, if the answer is correct you should I would appreciate it if you accept/vote it up. If it doesn't solve your problem please try to add more information/code sample and I'll try to help.

Derek Lim Over a year ago

it doesn't work for me but I surmise it works in jsFiddle, so I'll accept it

Collectives™ on Stack Overflow

jQuery date format not working

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related