关于javascript:如何将datepicker日期格式更改为DD / MM / YYYY

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

本问题已经有最佳答案,请猛点这里访问。

目前,我在datepicker上有一个onchange,它调用以下函数

1
2
3
4
5
6
7
 $('#dtpFrDate').change(function() {

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

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

但在onchange期间,我的日期格式为d/MM/YYYY

如何获得DD / MM / YYYY? 请帮忙。


假设您使用的是jQuery DatePicker,您可以将所需的格式添加到DatePicker中

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

toLocaleDateString从您的设备获取默认本地语言。如果需要格式,您可以使用en-GB

1
2
3
4
5
6
7
$('#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
});
1
2
3
4
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.js">
<link href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/base/jquery-ui.css" rel="stylesheet" />
<input id=dtpFrDate type='text'>