在JQuery UI Datepicker Timepicker Add-on中限制时间

时间:2014-03-13 21:50:43

标签: jquery jquery-ui datepicker jquery-ui-timepicker

我正在为JQuery Datepicker使用Trent Richardsons Timepicker加载项,我需要能够限制用户可以选择的时间。

到目前为止我的代码:

$('.datepicker').datetimepicker({
    showOn: "both",
    buttonImage: "/images/icons/cal-clock-icon-16x16.png",
    buttonImageOnly: true,
    showButtonPanel: true,
    changeMonth: true,
    changeYear: true,
    hourMin: 8,
    hourMax: 16,
    stepMinute: 15,
    minuteGrid: 15,
    addSliderAccess: true,
    sliderAccessArgs: {touchonly: false},
    altField: "#testTime",
    altFieldTimeOnly: false,
    altFormat: "yy-mm-dd",
    altTimeFormat : "HH:mm:ss",
    dateFormat: "D, d MM yy",
    timeFormat: "hh:mmtt"
});

所以我有最小和最长时间,并且我按需要以15分钟的间隔跳跃,但是有一些特定的时间我不希望他们预订。所以例如我不希望他们选择8:15,8:45,9:15,9:45,10:00,10:15等等有谁知道我怎么能够编码呢?

1 个答案:

答案 0 :(得分:1)

它看起来像Trent debated adding this feature a while ago,但后来又没有继续下去。

Jon Thornton的Timepicker插件有DisableTimeRanges选项,如果有帮助的话。