web-dev-qa-db-ja.com

値がページの読み込み時に存在する場合、datetimepickerが入力から値を消去します

この日時ピッカーを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をフォークしたので、必要なすべての正しい依存関係があると確信しています。

ロケールを変更し、フォーマットを変更しようとしましたが、うまくいきませんでした。

jquerybootstrap-4bootstrap-datetimepickereonasdan-datetimepicker
9
causita

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});
 });
18
Roman Habibi