如何以编程方式在 Anytime datetimepicker 小部件中设置时间值？答案

【问题标题】：How can I programmatically set the time value in the Anytime datetimepicker widget?如何以编程方式在 Anytime datetimepicker 小部件中设置时间值？
【发布时间】：2013-08-20 23:38:48
【问题描述】：

我认为 Anytime datetimepicker 小部件是猫的叫声（或劳斯莱斯的吼声 (Why are the key elements of the anytime jQuery plugin blending in with the background/invisiblized?)），

我是这样实现的：

HTML

<label for="BeginDateTime" class="staticLabel">Begin Date Range</label>
<input id="BeginDateTime" name="BeginDateTime" required="true" />

jQuery

AnyTime.picker("BeginDateTime");

var d8 = new Date();
d8.setHours(0);
d8.setMinutes(0);
d8.setSeconds(0);
$('#BeginDateTime').val(d8);

...但是，虽然一开始将时间设置为 zilch/midnight （有点）：

（实际上，我只想要日期和时间，而不是 GMT 爵士等）

...当我将输入元素混搭以调用/下拉 AnyTime 小部件时，它忘记了它已设置为 zilch，并使用当前时间覆盖 [rid,writ]es：

如何让 AnyTime 小部件在下拉时保留我为其分配的值（当然，直到用户明确更改它时）？

更新

我也试过这个：

$( "#BeginDateTime" ).click(function() {
    var d = new Date();
    d.setHours(0);
    d.setMinutes(0);
    d.setSeconds(0);
    $('#BeginDateTime').val(d);
});

...但唯一的区别是在我单击它之前，输入元素中不会出现 val - 它仍然显示 zilch，但会降低当前时间...

更新 2

我也试过这个：

AnyTime.picker("BeginDateTime",
{ labelHour: "00",
  labelMinute: "00",
  labelSecond: "00"
});

...但它似乎什么也没做。

更新 3

AMA 的回答很有魅力。这段代码：

AnyTime.picker("BeginDateTime");
// Set the initial time to midnight
var convFrom = new AnyTime.Converter();
var d8From = new Date();
d8From.setHours(0);
d8From.setMinutes(0);
d8From.setSeconds(0);
$('#BeginDateTime').val(convFrom.format(d8From));

AnyTime.picker("EndDateTime");
// Set the initial time to the second before midnight
var convTo = new AnyTime.Converter();
var d8To = new Date();
d8To.setHours(23);
d8To.setMinutes(59);
d8To.setSeconds(59);
$('#EndDateTime').val(convTo.format(d8To));

...导致：

【问题讨论】：

标签： jquery jquery-ui datetime jquery-plugins anytime

【解决方案1】：

选择器会自动解析来自输入字段的初始值，但它必须采用正确的格式。设置值最简单的方法是使用 AnyTime.Converter，例如：

var conv = new AnyTime.Converter();
var d8 = new Date();
d8.setHours(0);
d8.setMinutes(0);
d8.setSeconds(0);
$('#BeginDateTime').val( conv.format(d8) );

【讨论】：