KendoUI TimePicker格式

Question

我需要指定从上午7点到下午5点以15分钟为间隔的时间列表，我是否需要像这个例子一样逐一进行？

如果是这样，这是什么：2000,10,10,10,0,0是什么意思？

    $("#timepicker").kendoTimePicker({
    dates: [
        new Date(2000, 10, 10, 10, 0, 0),
        new Date(2000, 10, 10, 30, 0)
    ]
});

非常感谢任何帮助或建议，谢谢！

Answer 1

要answer your second question，new Date(2000, 10, 10, 10, 0, 0)位正在构建要存储在剑道dates数组中的新Date对象。

new Date(2000, 10, 10, 10, 0, 0)将创建一个Date对象，例如“2000年9月10日，上午10:00”。这几个月使用基于0的索引。

关于第一位，如果你想使用 date 属性，你可以这样做：

var dates = [];

for (var hour = 7; hour < 17; hour++) {
    for (var minute = 0; minute <= 45; minute += 15) {
        dates.push(new Date(2014, 10, 12, hour, minute));
    }
};

$("#timepicker").kendoTimePicker({
    dates: dates
});

这比手动指定所有Date对象更容易。您可以将自己的值提供给new Date构造函数，并使用for循环迭代这些值。然后，您可以获取刚刚创建的数组并将其传递给kendoTimePicker dates属性。

但是，最佳方式是to let kendoTimePicker do all of the work for you：

    $("#timepicker").kendoTimePicker({
        interval: 15,
        min: new Date(2000, 0, 1, 7, 0, 0),
        max: new Date(2000, 0, 1, 17, 0, 0)
    });

指定interval: 15将确保时间间隔为15分钟，而指定min和max会将输入范围限制为仅显示时间之间的值提供给min和max的Date对象的部分。