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

NB ：这样做会返回Moment object，而不是Date对象

Answer 3

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

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

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

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

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

Answer 4

我正在使用最新的Bootstrap 3 DateTime Picker（http://eonasdan.github.io/bootstrap-datetimepicker/）

这是你应该如何使用DateTime Picker inline：

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

以上回复：03/23/2017

Answer 5

或尝试 $（“＃datetimepicker”）。data（）。date;

Answer 6

由于返回值已更改，因此$("#datetimepicker1").data("DateTimePicker").date()实际上会返回一个时刻对象，如Alexandre Bourlier所述：

文档似乎在进化。

现在应该使用：$（“＃datetimepicker1”）。data（“ DateTimePicker”）。date（）。

NB：这样做会返回Moment对象，而不是Date对象

因此，我们必须使用.toDate（）将此语句更改为这样的日期：

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

Answer 7

使用此Bootsrap Datetimepiker，这对我有用，它返回日期选择器输入中显示的值，例如2019-04-11

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

Answer 8

尝试这个（为我工作），当我有了boostrap内联日期时间选择器时，这是我选择日期时间的一种方式。

var selected_datetime = $("#datetimepicker").data("date");

Answer 9

我尝试了上述所有方法，并且我没有在同一个format中正确获取值，然后我发现了这个。

$("#datetimepicker1").find("input")[1].value;

以上代码将以与datetime选择器相同的格式返回值。

这可能在将来帮助你们。

希望这有用..

在JavaScript中获取bootstrap Datetimepicker的值

9 个答案: