我正在使用这个日期时间选择器用于Bootstrap 4 https://tempusdominus.
github.io/bootstrap-4/
如果输入在加载时为空,则插件可以正常工作.但是,我有一个已经有值的编辑表单,但是datepicker正在删除页面加载时的值.
<div class="container">
<div class="row">
<div class='col-sm-6'>
<div class="form-group">
<input class="form-control datetimepicker-input" data-target="#Entry_EntryDate" data-toggle="datetimepicker" data-val="true" data-val-date="The field Event Date must be a date." data-val-required="The Event Date field is required." id="Entry_EntryDate" type="datetime" value="2017-10-25 10:17 AM" />
</div>
</div>
</div>
</div>
和默认的js
$(function() {
$('#Entry_EntryDate').datetimepicker();
});
这是JsFiddle
我推荐了jsfiddle,所以我确信我拥有所有正确的依赖关系.
我尝试更改区域设置,更改格式但没有运气.
解决方法
在初始化datetimepicker时,它默认清除该值,因此为了保持该值,您需要记住值$(‘#Entry_EntryDate’).val()将其转换为date对象并将其传递给timepicker on初始化：
和默认的js
$(function() {
var date = moment($('#Entry_EntryDate').val(),'YYYY-MM-DD hh:mm a').toDate();
$('#Entry_EntryDate').datetimepicker({date:date});
});
