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

Posted 2021-05-01

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

• 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？请帮忙。

答案

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>

另一答案

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

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

以上是关于如何将datepicker日期格式更改为DD / MM / YYYY [复制]的主要内容，如果未能解决你的问题，请参考以下文章

如何将 Django 日期格式更改为 dd/mm/yy？

在 Datepicker 中将日期格式更改为 yyyy-mm-dd

用的是jquery.datePicker.js 如何将日期格式改为yyyy-mm-dd

角度材料2、将datepicker日期格式“MM/DD/YYYY”改为“DD/MM/YYYY”的奇怪行为

从 DatePicker 以 yyyy/MM/dd 格式获取日期

Angular Datepicker更改日期格式