Bootstrap Datetimepicker 设置日期

Question

我正在使用 Eonasdan 的日期时间选择器，到目前为止工作正常。

我有一个像这样的 HTML 元素

<div id="datetimepicker"></div>

并像这样使用 datetimepicker 函数：

$("#datetimepicker").datetimepicker({
    inline: true,
    sideBySide: true,
    stepping: 5,
    locale: "de"
});

结果如下所示：

我想使用date函数通过 Javascript 更新日期。 我的尝试看起来像这样：

$("#datetimepicker").data("DateTimePicker").date("2016-01-01");

不幸的是，这只会返回一个大对象，并且不会以任何方式改变可见日期。 返回此对象

Object { destroy: c/l.destroy(), toggle: c/ha(), show: c/ga(), hide: c/ba(),
    disable: c/l.disable(), enable: c/l.enable(), ignoreReadonly: c/l.ignoreReadonly(),
    options: c/l.options(), date: c/l.date(), format: c/l.format(), 40 weitere… }

使用不同的时间格式或只取日期而没有时间或任何其他方式也无济于事。

我在各种网站上找到的建议解决方案都没有解决我的问题。 不知道要不要更新元素？ 如果是这样，我该怎么做？ 我在文档中找不到任何提示...

使用 defaultDate 不是一个选项，因为我需要用两个不同的日期执行此过程两次。

Answer 1

根据文档，您可以使用下面的string, Date, moment, null 、字符串和日期示例。 注意默认选择器格式。

$('#datetimepicker1').data("DateTimePicker").date(new Date())

或

$('#datetimepicker1').data("DateTimePicker").date('1/11/2016 12:23:12')

Answer 2

当然，我是真正的死灵法师，但我遇到了同样的问题并且 .date() 函数对我没有帮助。 但是，我发现了这个：

$('#datetimepicker1').data("DateTimePicker").options({ defaultDate: newdate});
// newdate - could be Date, Moment or ISO string

Answer 3

我已经调试了一点，我找到了这个解决方案，它对我有用。

$('#datetimepicker').data("DateTimePicker").setValue('2020-05-3')

您将通过安慰此$('#datetimepicker').data("DateTimePicker")获得 datepicker 的所有功能

Answer 4

我认为你的 HTML 元素应该是一个 Input 标签：

<input id="datetimepicker" type="text">

当文件准备好时：

$(document).ready(function () {
     $('#datetimepicker').datetimepicker({
            defaultDate: null,
            format: 'LT'
        });

})

您可以通过 JavaScript 设置日期值。

$('#datetimepicker').data("DateTimePicker").date(new Date())

或设置空值，即显示空值。

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

我测试了它。 它正在工作。

Answer 5

好的，对于尝试 $('#datetimepicker').data("DateTimePicker").date(null) 的人，您会收到错误 .data 未定义。 然后你可以在jugaad下面使用，我不知道它有多好，但它确实对我有用

function getDateTimeObj(ele) {
    if(ele && ele[0]){
        for(k in ele[0]){
            if(ele[0][k].hasOwnProperty('DateTimePicker')){
                return ele[0][k]['DateTimePicker'];
            }
        }
    }
}

用法：

getDateTimeObj($('#datetimepicker')).date(null);