如何将datepicker日期格式更改为DD / MM / YYYY [复制]

Question

这个问题在这里已有答案：

• How to set jQuery datepicker format to dd-mm-year 2回答

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

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

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

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

但在onchange期间，我的日期格式是

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

Answer 1

toLocaleDateString从您的设备中获取默认的本地语言。想要格式，您可以使用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>

Answer 2

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

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