Change the date format to yyyy-mm-dd in Datepicker

I am using Datepicker for my HTML field . The HTML code is :

<input type="text"/>

The Jquery code to set and get the date picker fields is :

 $("#from-datepicker").datepicker({ dateFormat: 'yy-mm-dd'}); $("#from-datepicker").on("change", function () { var fromdate = $(this).val(); alert(fromdate); });

This code, however, displays the field in 'mm-dd-yyyy' format. Can someone tell me where am I going wrong ?

My imported CDNs are :

 <script type="text/javascript" src=""></script> <link rel="stylesheet" type="text/css" href="">

Thanks in advance.

4 Answers

Yes, change dateFormat to just format and you need 4 sets of 'y's

Sample code:

<script src="" integrity="sha256-a23g1Nt4dtEYOj7bR+vTu7+T8VP13humZFBJNIYoEJo=" crossorigin="anonymous"></script>
<link href="" rel="stylesheet" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<script src="" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
<script type="text/javascript" src=""></script>
<link rel="stylesheet" type="text/css" href="">
<script>
$( document ).ready(function() { $("#from-datepicker").datepicker({ format: 'yyyy-mm-dd' }); $("#from-datepicker").on("change", function () { var fromdate = $(this).val(); alert(fromdate); });
});
</script>
<input type="text"/>

See the format option:

toDisplay: function (date, format, language) to convert date object to string, that will be stored in input field
toValue: function (date, format, language) to convert string object to date, that will be used in date selection

UPDATE 2018

As of bootstrap-datepicker version 1.6.4, setting data-date-format attribute to 'yyyy-mm-dd' on an input element works as well.

For e.g.

 <input name="date_selected" placeholder="Select date" required>

The option is format

You can set a default value for all your app:

$.fn.datepicker.defaults.format = 'yy-mm-dd';

Or:

$("#from-datepicker").datepicker({format: 'yy-mm-dd'});