日期时间选择器 - 设置打开日期和时间

Question

我正在使用这个漂亮的小日期和时间选择器 [ http://trentrichardson.com/examples/timepicker/]。如何设置选择器打开的日期和时间？

Answer 1

如果您在表单上使用它，请从隐藏输入中设置它。

$(document).ready(function () {
        $("#Date").datetimepicker({
            ampm: true
        });

        var date = new Date(
            Date.parse(
                $('#DatePicker').val(),
                "mm/dd/yyyy hh:MM tt"
            )
        );
        $('#Date').datetimepicker('setDate', date);
    });

HTML 表单：

<input type="hidden" id="DatePicker" />
<input type="text" id="DatePicker" value="fromyourdatabase" />

Answer 2

试试这个

$('#dtpkr').datetimepicker();

然后添加

$('#dtpkr').datetimepicker('setDate', (new Date()));

这将为您提供当前日期和时间

Answer 3

您可以将 Date 对象传递给 setDate 方法。

$('#datetimepicker').datetimepicker().click(function() {
    $(this).datetimepicker('setDate',new Date(2011, 11, 20, 8, 30));
});

查看实际操作：http://jsfiddle.net/william/Rkewu/1/。

Answer 4

尝试在 input 元素内设置 value 属性，如下所示：

<input id="example1" value="05/05/2011" />

Answer 5

只要集中注意力就可以了。

$('#totTb').datetimepicker({
    timeFormat: 'HH:mm',
    timeSuffix: " Z"       
}).focus(function () { $('#totTb').datetimepicker('setDate', d) });