在 JavaScript 中获取 bootstrap Datetimepicker 的值

Question

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

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

它给了我“未定义”

原文由 dxtr 发布，翻译遵循 CC BY-SA 4.0 许可协议

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();

原文由 Ian 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

看来医生进化了。

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

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

原文由 Alexandre Bourlier 发布，翻译遵循 CC BY-SA 3.0 许可协议