Bootstrap datetimepicker - 基于输入值的日期

Question

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

加载页面时，输入为空，即使该字段有值。

<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 - 基于输入值的日期

Bootstrap datetimepicker - date based on input value

javascript

twitter-bootstrap

bootstrap-datetimepicker