我正在将此日期时间选择器用于Bootstrap 4 https://tempusdominus.github.io/bootstrap-4/
如果输入在加载时为空白,则插件可以正常工作。但是,我有一个已经有一个值的Edit表单,但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

我 fork 了推荐的jsfiddle,所以我确定我具有所有正确需要的依赖项。

我尝试更改语言环境,更改格式,但没有运气。

最佳答案

初始化datetimepicker时,默认情况下会清除该值,因此,为了保留该值,您需要记住值$('#Entry_EntryDate').val()将其转换为date对象,并在初始化时将其传递给timepicker:

和默认js

 $(function() {
     var date = moment($('#Entry_EntryDate').val(), 'YYYY-MM-DD hh:mm a').toDate();
     $('#Entry_EntryDate').datetimepicker({date:date});
 });

09-17 00:04