web-dev-qa-db-ja.com

Bootstrap Datetimepicker set date

これまでのところ正常に動作するEonasdanの datetimepicker を使用しています。

私はこのようなHTML要素を持っています

<div id="datetimepicker"></div>

そして、次のようなdatetimepicker関数を使用します。

$("#datetimepicker").datetimepicker({
    inline: true,
    sideBySide: true,
    stepping: 5,
    locale: "de"
});

結果は次のようになります： enter image description here

date 関数を使用してJavascriptで日付を更新したい。私の試みは次のようになります：

$("#datetimepicker").data("DateTimePicker").date("2016-01-01");

残念ながら、これは大きなオブジェクトを返すだけで、表示される日付を変更することはありません。このオブジェクトが返されます

Object { destroy: c/l.destroy(), toggle: c/ha(), show: c/ga(), hide: c/ba(),
    disable: c/l.disable(), enable: c/l.enable(), ignoreReadonly: c/l.ignoreReadonly(),
    options: c/l.options(), date: c/l.date(), format: c/l.format(), 40 weitere… }

別の時間形式を使用するか、日付のみを取得し、時間を取得しないか、または何でも役に立ちません。

さまざまなWebサイトで見つけた提案された解決策のどれも、私の問題を解決していません。要素を更新する必要があるかどうかわかりませんか？もしそうなら、どうすればいいですか？ドキュメントにヒントが見つかりませんでした...

このプロセスを2つの異なる日付で2回実行する必要があるため、defaultDateを使用するオプションはありません。

javascripttwitter-bootstrapdatetimetwitter-bootstrap-3datetimepicker
4
JRsz

HTML要素はInputタグである必要があると思います。

_<input id="datetimepicker" type="text">
_

ドキュメントの準備ができたら：

_$(document).ready(function () {
     $('#datetimepicker').datetimepicker({
            defaultDate: null,
            format: 'LT'
        });

})
_

JavaScriptを介して日付値を設定できます。

$('#datetimepicker').data("DateTimePicker").date(new Date())

または、空の値を示しているnull値を設定します。

$('#datetimepicker').data("DateTimePicker").date(null)

私はそれをテストしました。動作しています。

1
Ortsbo

確かに、私は本物のネクロマンサーですが、同じ問題が発生し、.date（）関数は役に立ちません。しかし、私はこれを見つけました：

$('#datetimepicker1').data("DateTimePicker").options({ defaultDate: newdate});
// newdate - could be Date, Moment or ISO string
0
ivan