如果页面加载时存在值，则 datetimepicker 从输入中删除值

Question

我正在为 Bootstrap 4 https://tempusdominus.github.io/bootstrap-4/

使用这个日期时间选择器

如果输入在加载时为空，则插件工作正常。但是，我有一个已经有值的编辑表单，但日期选择器在页面加载时删除了该值。

<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，所以我确定我拥有所有正确的所需依赖项。

我试过更改区域设置、更改格式但没有成功。

Answer 1

当你初始化 datetimepicker 时，它默认清除值，所以为了保留该值，你需要记住该值 $('#Entry_EntryDate').val() 将其转换为日期对象并在初始化时将其传递给 timepicker :

和默认 js

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

如果页面加载时存在值，则 datetimepicker 从输入中删除值

datetimepicker erasing value from input if value exists at page load

jquery

bootstrap-4

bootstrap-datetimepicker

eonasdan-datetimepicker