时间戳

首页 > 解决方案 > 在 jQuery Ui Timepicker 中设置允许时间

javascript - 在 jQuery Ui Timepicker 中设置允许时间

问题描述

我正在使用 Timepicker 到 jQuery UI Datepicker https://trentrichardson.com/examples/timepicker/

jQuery('#element').datetimepicker({
        dateFormat: "dd/mm/yy",
        timeFormat: "H:m",
        onSelect: function (selectedDateTime){

        },
        beforeShowDay: function(date) {

        }
    });

现在我只想在时间选择器中允许 08:00 和 10:00，我该怎么做？

谢谢

标签： javascriptjquerydatetimepickertimepicker

解决方案

根据提供的文档，您必须使用 2 个属性minTIme和maxTime. 像这样：

<input type='text' class='timepicker' />

$('.timepicker').timepicker({
    timeFormat: 'h:mm p',
    interval: 60,
    minTime: '08:00',
    maxTime: '10:00',
    defaultTime: '9',
    startTime: '80:00',
    dynamic: false,
    dropdown: true,
    scrollbar: true
});

===编辑===

在这种情况下，我建议您为此时间选择器创建change处理程序，并在输入错误时间时将其值设置为默认值。

$('.timepicker').timepicker({
  timeFormat: 'h:mm p',
  interval: 60,
  minTime: '08:00',
  maxTime: '10:00',
  defaultTime: '9',
  startTime: '80:00',
  change: function(time) {
    debugger;
    if (time.getMinutes() !== 0) {
        alert('Wrong value');
            $('.timepicker').val('08:00');
    }
  }
});

推荐阅读