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

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

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

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

Answer 5

只需关注它。

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