Question

我正在使用Eonasdan / bootstrap-datetimepicker，并且根据输入的value属性无法弄清楚如何设置页面加载时的初始日期时间。

当页面加载时，即使该字段有值，输入也是空白的。

<input type="text" name="start" id="start" value="2015-09-26 18:00"/>

JS -

$("#start").datetimepicker({
                ignoreReadonly: true,
                useCurrent: false,
                sideBySide: true,
                format: "MM/DD/YYYY HH:mm"
            });

Answer 1

您的日期格式与datetimepicker设置对象中声明的日期格式不同，因此请更改datetimepicker日期格式：

    //format: "MM/DD/YYYY HH:mm"
    format: "MM-DD-YYYY HH:mm"

您还可以使用 setDate（）或 setLocalDate（）

设置日期

    $("#start").data('datetimepicker').setDate(new Date(year, month, day, 00, 01));
    $("#start").data('datetimepicker').setLocalDate(new Date(year, month, day, 00, 01));

另一个选项是在创建datetimepicker

时传递 defaultDate

    var dateNow = new Date();

    $("#start").datetimepicker({
            ignoreReadonly: true,
            useCurrent: false,
            sideBySide: true,
            format: "MM/DD/YYYY HH:mm",
            defaultDate:dateNow
        });

Bootstrap datetimepicker - 基于输入值的日期

1 个答案: