Bootstrap Datetimepicker 设置日期

Question

我使用的是来自 Eonasdan 的 datetimepicker，到目前为止效果很好。

我有一个 HTML 这样的元素

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

并像这样使用日期时间选择器函数：

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

结果如下所示：

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

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

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

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… }

使用不同的时间格式或仅使用日期而不使用时间或任何其他方式都无济于事。

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

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

Answer 1

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

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

或

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

Answer 2

我认为您的 HTML 元素应该是一个输入标签：

<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 3

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

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

Answer 4

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

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

您将通过控制台获得日期选择器的所有功能$('#datetimepicker').data("DateTimePicker")

Answer 5

对于正在尝试 $('#datetimepicker').data("DateTimePicker").date(null) 的人来说还不错你得到错误。数据未定义。然后你可以使用下面的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);

Bootstrap Datetimepicker 设置日期

Bootstrap Datetimepicker set date

javascript

datetime

datetimepicker

twitter-bootstrap

twitter-bootstrap-3