在JavaScript中获取bootstrap Datetimepicker的值

Question

我需要在JavaScript函数中获取Datetimepicker的值.我做了这样的事情,但它不起作用:

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

它让我'未定义'

Answer 1

使用:

$("#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();

Answer 2

似乎医生进化了.

现在应该使用: $("#datetimepicker1").data("DateTimePicker").date().

注意:这样做会返回一个Moment对象,而不是Date对象

Answer 3

要调用Bootstrap-datetimepikcer支持的函数,您应该使用以下语法:

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

所以你可以试试这个功能:

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

文档:http://eonasdan.github.io/bootstrap-datetimepicker/Functions/

Answer 4

或者尝试：

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