jquery - 在 JQuery datetimepicker 中设置日期和时间

Question

我遇到了一种情况，我正在尝试使用 Trent Richardson 的 datetimepicker JQuery extension让用户一次性选择日期和时间。

但在此之前，我想设置日期和时间，以便日期时间选择器的输入框显示将从服务器设置的默认日期和时间。然后，用户在输入框内单击以调用 datetimepicker，然后默认日期和时间将出现在 datetimepicker 上。如果需要，用户可以覆盖这些。

到目前为止，在我的代码中我有:

<script type="text/javascript">
        $(function(){
            $('.example-container > pre').each(function(i){
                 eval($(this).text());
            });

            $('#example1').datetimepicker('setDate', (new Date(2010, 11, 20, 16, 03)));

        });
</script>

这将正确设置日期，但不能正确设置时间以及小时和分钟 slider 。时间也显示为 00 03 而不是 16 03。

谁能告诉我我在这里做错了什么或没有做什么，以便 datetimepicker 显示正确的默认设置？

其他设置是:

$('#example1').datetimepicker({                                                    
                        dateFormat: 'dd mm yy',
                        timeFormat: 'hh mm',
                        showMinute: false,
                        showSecond: false,
                        separator: ' ',

                    });

谢谢

Answer 1

我知道这个问题已经很老了。但对于那些仍在寻找解决方案的人来说，我是这样做的。 DatetimePicker 插件是 jQueryUI DatePicker 的插件，所以我认为除了 DatetimePicker 之外，DatetimePicker 的所有选项和方法仍然适用。

因此，如果您有一个 ID 为“dtp”的文本框，并且希望使用“5/31/2013 7:30 PM”初始化它，您将执行以下操作:

$("#dtp").datetimepicker({
defaultDate: "5/31/2013", // this is from jQueryUI datepicker
hour: 19,
minute: 30
});

这应该突出显示日历中的正确日期，并将 slider 设置为选项中定义的正确小时和分钟。

希望这有帮助。