如果页面加载时存在值，则datetimepicker从输入中擦除值 [英] datetimepicker erasing value from input if value exists at page load

问题描述

我正在将此日期时间选择器用于Bootstrap 4 https://tempusdominus.github.io/bootstrap-4/

I'm using this datetime picker for Bootstrap 4 https://tempusdominus.github.io/bootstrap-4/

如果输入在加载时为空白，则插件可以正常工作.但是，我有一个已经有一个值的编辑"表单，但datepicker正在页面加载时删除了该值.

The plugin works just fine if the input is blank at load. However, I have an Edit form that has already a value but the datepicker is removing the value at page load.

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

I forked the recommended jsfiddle so I'm sure I have all the correct needed dependencies.

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

I tried changing locales, changing formats but no luck.

推荐答案

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

When you are initializing datetimepicker it is clearing the value by default, so in order to keep the value, you will need to remember the value $('#Entry_EntryDate').val() convert it to date object and pass it to timepicker on initialization:

和默认js

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

这篇关于如果页面加载时存在值，则datetimepicker从输入中擦除值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！