Bootstrap4にこの日時ピッカーを使用しています 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をフォークしたので、必要なすべての正しい依存関係があると確信しています。
ロケールを変更し、フォーマットを変更しようとしましたが、うまくいきませんでした。
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});
});
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加