获取引导的DateTimePicker的JavaScript中的价值(Get the value o

2019-09-03 11:18发布

我需要让我的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()

注意 :这样做返回一个瞬间的对象 ,而不是一个Date对象



Answer 3:

要调用引导-datetimepikcer支持的功能,你应该使用的语法:

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

所以,你可以尝试的功能:

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

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



Answer 4:

我使用的是最新的引导3日期时间选择器( http://eonasdan.github.io/bootstrap-datetimepicker/ )

这是你应该如何使用日期时间选取器内联:

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

以上恢复:2017年3月23日



Answer 5:

或尝试$( “#的DateTimePicker”)数据()的日期。。



Answer 6:

由于返回值已更改, $("#datetimepicker1").data("DateTimePicker").date()实际上返回了一会儿对象亚历山大Bourlier说:

这似乎演变的文档。

一个现在应该使用:$( “#datetimepicker1”)的数据( “的DateTimePicker”)日期()。

注意:这样做返回时刻对象,而不是一个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:

试试这个(为我工作),当我有自举内嵌日期时间选择器,这是一种方式如何到选定的日期时间。

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


Answer 9:

我尝试了所有上面的方法,我并没有在同一个正常获取的价值format ,后来我发现这一点。

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

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

这可能会帮助你们的未来。

希望这是有帮助的..



文章来源: Get the value of bootstrap Datetimepicker in JavaScript