javascript - 在 JavaScript 中获取 bootstrap Datetimepicker 的值

Question

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

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

它给了我“未定义”

Answer 1

要么使用：

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

或者（从查看页面源代码）：

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

返回值将是 a 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;

Answer 5

由于返回值发生了变化，$("#datetimepicker1").data("DateTimePicker").date()实际上返回了一个时刻对象，正如 Alexandre Bourlier 所说：

文档似乎进化了。

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

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

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

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

Answer 6

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

这就是您应该如何使用 DateTime Picker 内联：

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

以上返回：03/23/2017

Answer 7

这对我使用这个Bootsrap Datetimepiker 有用，它返回在 datepicker 输入中显示的值，例如2019-04-11

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

Answer 8

我尝试了上述所有方法，但我没有正确获得相同的值format，然后我发现了这个。

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

上面的代码将以与日期时间选择器相同的格式返回值。

这可能对你们将来有所帮助。

希望这有帮助..