引导日期拾取器-内部值和显示值之间的转换

Bootstrap datepicker - converting between internal and display values

本文关键字：显示 之间 转换 内部 日期      更新时间：2023-09-26

我在输入元素上使用Bootstrap的Datepicker，并且想知道-是否有一种方法可以以不同的格式显示日期，而不是我如何设置日期或从输入元素获取日期?日期以yyyymmdd的格式来自我的数据源，但是我想在输入元素中将日期显示为mm/dd/yyyy。例如:

  • 我想初始化的输入元素的日期是20150721。
  • 设置该值后，实际显示为07/21/2015。
  • 用户使用选择器将其更改为07/28/2015。
  • 我从元素中获得20150728的值。

是否有一种方法来执行这种格式映射使用Bootstrap的日期选择器?提前感谢!

根据文档，只需设置format属性。

 $('.datetimepicker').datetimepicker({
        format: 'mmd/dd/yyyy',
 })

也许这就是你的解决方案:

var _date = '20150721';
$('#_date').datepicker({
    autoclose: true,
    clearBtn: true,
    format: 'mm/dd/yyyy'
});
$('#_date').datepicker('setDate', _date);
$('#_test').click(function () {
    alert($('#_date').val());
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.0/css/bootstrap-datepicker.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.0/js/bootstrap-datepicker.js"></script>
<script src="https://netdna.bootstrapcdn.com/bootstrap/2.3.2/js/bootstrap.js"></script>
<input id='_date'><button id='_test'>Test</button>

相关文章：