在Datepicker中将日期格式更改为yyyy-mm-dd
Change the date format to yyyy-mm-dd in Datepicker
我正在为HTML字段使用Datepicker。HTML代码是:
<input type="text" id="from-datepicker"/>
设置和获取日期选择器字段的Jquery代码是:
$("#from-datepicker").datepicker({ dateFormat: 'yy-mm-dd'});
$("#from-datepicker").on("change", function () {
var fromdate = $(this).val();
alert(fromdate);
});
但是,此代码以'mm-dd-yyyy'
格式显示字段。有人能告诉我哪里出了问题吗?
我导入的CDN是:
<script type="text/javascript"
src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.0/js/bootstrap-datepicker.min.js"></script>
<link rel="stylesheet" type="text/css"
href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.1/css/bootstrap-datepicker3.min.css">
提前谢谢。
是的,将dateFormat更改为纯格式,您需要4套'y的
样本代码:
<script src="https://code.jquery.com/jquery-2.2.3.min.js" integrity="sha256-a23g1Nt4dtEYOj7bR+vTu7+T8VP13humZFBJNIYoEJo=" crossorigin="anonymous"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.0/js/bootstrap-datepicker.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.1/css/bootstrap-datepicker3.min.css">
<script>
$( document ).ready(function() {
$("#from-datepicker").datepicker({
format: 'yyyy-mm-dd'
});
$("#from-datepicker").on("change", function () {
var fromdate = $(this).val();
alert(fromdate);
});
});
</script>
<input type="text" id="from-datepicker"/>
请参阅format
选项:http://bootstrap-datepicker.readthedocs.io/en/latest/options.html#format
toDisplay:将日期对象转换为字符串的函数(日期、格式、语言),该字符串将存储在输入字段中
toValue:将字符串对象转换为日期的函数(日期、格式、语言),将用于日期选择
更新2018
自引导程序日期选择器1.6.4版本起,在输入元素上将data-date-format
属性设置为"yyyy-mm-dd"也同样有效。
例如
<input data-provide="datepicker" name="date_selected" data-date-format="yyyy-mm-dd" placeholder="Select date" required>
选项为format
您可以为所有应用程序设置默认值:
$.fn.datepicker.defaults.format = 'yy-mm-dd';
或者:
$("#from-datepicker").datepicker({format: 'yy-mm-dd'});
相关文章:
- 用javascript将日期格式从d/m/yyyy转换为yyyy-mm-dd
- 在Datepicker中将日期格式更改为yyyy-mm-dd
- 如何使用moment.js将秒转换为时间格式(YYYY:MM:DD HH:MM:ss)
- Javascript Date 对象因格式而异:yyyy-mm-dd vs mm-dd-yyyy
- 在Javascript中用YYYY-mm-dd格式计算年龄
- 在 Angular 中将日期格式从 yyyy/MM/dd 更改为 MM/dd/yyyy
- 将YYYY/MM/DD转换为有效格式
- 使用RegEx在javascript中重写格式错误的日期yyyy-MM-d到yyyy-MM-dd
- 日期格式 yyyy-mm-dd 到 dd-M-yy
- 以 yyyy-mm-dd 格式的两天之间的差异(以天为单位)
- 如何验证 yyyy-mm-dd hh:mm:ss 格式
- 日期选取器和日期字段中的日期格式(YYYY-MM-DD)
- 在 JS 中将以下日期格式化为 YYYY-mm-dd
- 如何使用javascript将数据格式“YYYY-mm-dd hh:mm:ss”转换为“dd-mm-YYYY hh:mm
- 使用 Javascript 将 DD-MM-YYYY 转换为 YYYY-MM-DD 格式
- 在 JavaScript 中将数据格式从 yyyy/mm/dd - HH:MM:SS 更改为 mm/dd/yyyy -
- 以YYYY-MM-DD格式填写出生日期后自动显示年龄
- 如何使用JS在用YYYY-MM-DD格式填充生日后自动填充年龄字段
- 如何获取 YYYY-MM-DD 格式的日期
- 如何使用jquery将yyyy-mm-dd格式的日期转换为“长日期”格式