如何在 jQuery 时间微调器上设置最小值和最大值？

Question

我正在构建一个表单，我希望向<input type="date"> 添加一个 jQuery 函数，该函数不允许用户选择过去的日期。如果他们这样做，将显示错误并且表单不会验证。

更新：过去的禁用日期已使用 jQuery Datepicker 修复

我还有一个关于<input type="time"> 的问题。如何使该字段仅显示 11:30 到 22:00 之间的时间？

现在剩下要弄清楚的是如何设置最小时间和最大时间，例如最小 11:30 和最大 21:45，以及弄清楚如何在最后两个数字上获得 15 分钟增量。有人愿意接受这个挑战吗？ =)

我对 jQuery 相当陌生，因此非常感谢任何帮助。

请在JSFiddle 中找到我的代码的更新示例。

Answer 1

要在最后两个数字上增加 15 分钟，使步长值 60*15000 例如。

$.widget("ui.timespinner", $.ui.spinner, {
    options: {
        // seconds
        step: 60 * 15000,
        // hours
        page: 60,
        max: "9:45 PM",
        min: "11:30 AM"
    },

    _parse: function (value) {
        if (typeof value === "string") {
            // already a timestamp
            if (Number(value) == value) {
                return Number(value);
            }
            return +Globalize.parseDate(value);
        }
        return value;
    },

    _format: function (value) {
        return Globalize.format(new Date(value), "t");
    }
});

这里是Fiddle