How to change datepicker date format to DD/MM/YYYY

Question

Currently, I have an onchange on a datepicker and it calls the following function

 $('#dtpFrDate').change(function() {

    var date2 = $('#dtpFrDate').datepicker('getDate'); 
    date2.setDate(date2.getDate() -1); 

    document.getElementById('dtpToDate').innerHTML = date2.toLocaleDateString();
});

But during onchange my date format is

how to get DD/MM/YYYY? Please help.

check this https://stackoverflow.com/questions/12409299/how-to-get-current-formatted-date-dd-mm-yyyy-in-javascript-and-append-it-to-an-i — Alexander Demichev, Mar 02 '18 at 05:00

4b0 · Accepted Answer · 2018-03-02T05:21:27.177

toLocaleDateString take default local language from your device.To desire format you can use en-GB

$('#dtpFrDate').datepicker({ dateFormat: 'dd/mm/yy' });
$('#dtpFrDate').change(function() {
  var date2 = $('#dtpFrDate').datepicker('getDate');
  date2.setDate(date2.getDate() - 1);
  document.getElementById('dtpToDate').innerHTML = date2.toLocaleDateString('en-GB');
  console.log(date2.toLocaleDateString()); //My device lang is en-US
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.js"></script>
<link href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/base/jquery-ui.css" rel="stylesheet" />
<input id=dtpFrDate type='text'>
<div id='dtpToDate'></div>

score 0 · Answer 2 · answered Mar 02 '18 at 05:12

0

Assuming you are using jQuery DatePicker, you can add the format you desire to your DatePicker

var date = $('#dtpFrDate').datepicker({ dateFormat: 'dd/mm/yy' }).val();

answered Mar 02 '18 at 05:12

Anuraag Baishya

874
2
11
26

How to change datepicker date format to DD/MM/YYYY

2 Answers2