【问题标题】:How to change datepicker date format to DD/MM/YYYY [duplicate]如何将日期选择器日期格式更改为 DD/MM/YYYY [重复]
【发布时间】:2018-08-10 07:24:57
【问题描述】:
目前,我在datepicker 上有一个onchange,它调用以下函数
$('#dtpFrDate').change(function() {
var date2 = $('#dtpFrDate').datepicker('getDate');
date2.setDate(date2.getDate() -1);
document.getElementById('dtpToDate').innerHTML = date2.toLocaleDateString();
});
但在onchange 期间,我的日期格式是
如何获取 DD/MM/YYYY?请帮忙。
【问题讨论】:
标签:
javascript
jquery
date
datepicker
asp-classic
【解决方案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>
【解决方案2】:
假设您使用的是 jQuery DatePicker,您可以将所需的格式添加到 DatePicker
var date = $('#dtpFrDate').datepicker({ dateFormat: 'dd/mm/yy' }).val();