web-dev-qa-db-ja.com

JavaScriptでbootstrap Datetimepickerの値を取得

JavaScript関数でDatetimepickerの値を取得する必要があります。私はこのようなものを作りましたが、うまくいきません：

$("#date").click( function(){
    alert(document.getElementById('datetimepicker1').value);
});

それは私に「未定義」を与えます

javascriptdatetimepicker
22
Dxtr

次のいずれかを使用します。

_$("#datetimepicker1").data("datetimepicker").getDate();
_

または（ページのソースを見て）：

_$("#datetimepicker1").find("input").val();
_

返される値はDate（上記の最初の例）になるため、自分でフォーマットする必要があります。

_var date = $("#datetimepicker1").data("datetimepicker").getDate(),
    formatted = date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate() + " " + date.getHours + ":" + date.getMinutes() + ":" + date.getSeconds();
alert(formatted);
_

また、フォーマットを属性として設定することもできます。

_<div id="datetimepicker1" class="date">
    <input data-format="yyyy-MM-dd hh:mm:ss" type="text"></input>
</div>
_

$("#datetimepicker1").find("input").val();を使用できます

41
Ian

ドキュメントは進化したようです。

使用する必要があります：$("#datetimepicker1").data("DateTimePicker").date()。

[〜＃〜] nb [〜＃〜]：そうすると、Dateオブジェクトではなく Momentオブジェクト を返します

20
Alexandre Bourlier

Bootstrap-datetimepikcerがサポートする関数を呼び出すには、次の構文を使用する必要があります。

$('#datetimepicker').data("DateTimePicker").FUNCTION()

だからあなたは関数を試すことができます：

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

ドキュメント： http://eonasdan.github.io/bootstrap-datetimepicker/Functions/

7
Giang Phan

または、$（ "＃datetimepicker"）。data（）。date;を試してください。

2
bds

最新のBootstrap 3 DateTime Picker（ http://eonasdan.github.io/bootstrap-datetimepicker/ ）を使用しています

これは、DateTime Pickerをインラインで使用する方法です。

var selectedDate = $("#datetimepicker").find(".active").data("day");

上記が返されました：03/23/2017

2
user3612888

戻り値が変更されたため、$("#datetimepicker1").data("DateTimePicker").date()は実際にAlexandre Bourlierが述べたようにモーメントオブジェクトを返します。

ドキュメントは進化したようです。

現在は、$（ "＃datetimepicker1"）。data（ "DateTimePicker"）。date（）を使用する必要があります。

注意：DateオブジェクトではなくMomentオブジェクトを返します

したがって、このステートメントを日付に変更するには、.toDate（）を使用する必要があります。

$("#datetimepicker1").data("DateTimePicker").date().toDate();

1
Andreas Bigger

これは私のためにこれを使用しています ブートストラップDatetimepicker2019-04-11

$('#myDateTimePicker').on('click,focusout', function (){
    var myDate = $("#myDateTimePicker").val();
    //console.log(myDate);
    //alert(myDate);
});
0
uomopalese