在JavaScript中获取bootstrap Datetimepicker的值 [英] Get the value of bootstrap Datetimepicker in JavaScript

问题描述

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

I need to get the value of Datetimepicker in my JavaScript function. I have made something like this, but it doesn't work:

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

它给了我'undefined'

It gives me 'undefined'

推荐答案

使用：

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

或（从查看页面来源）：

Or (from looking at the page source):

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

返回值为日期（对于上面的第一个例子，所以你需要自己格式化：

The returned value will be a Date (for the first example above), so you need to format it yourself:

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

此外，您可以将格式设置为属性：

Also, you could just set the format as an attribute:

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

你可以使用 $（＃datetimepicker1）。find（ input）。val（）;

这篇关于在JavaScript中获取bootstrap Datetimepicker的值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！