Question

我正在为我的项目使用materializecss。我插入了时间选择器。在这里，我想使用JS动态设置最小和最大时间。

对于Datepicker

$('.datepicker').pickadate({
    selectMonths: true,
    selectYears: 15,
    today: 'Today',
    clear: 'Clear',
    close: 'Ok',
    min: new Date(2017,9,20),
    max: new Date(2017,10,10),
    closeOnSelect: false
});

工作正常。

对于TimePicker

$('.timepicker').pickatime({
    fromnow: 0, 
    twelvehour: true,
    donetext: 'OK',
    canceltext: 'Cancel',
    minDate: new Date(2017,9,20,12,0),
    maxDate: new Date(2017,10,10,18,0),
    aftershow: function(){}
});

我也试过

  min: [7,30],
  max: [14,0]

但没有帮助。

Answer 1

好吧，我在我的项目中遇到了同样的问题，发现物化还没有此功能，

所以唯一可行的方法是编辑官方的Materialize CSS和JS文件

请参考此笔以进行时间选择：Materialize Timepicker min/ max CodePen by Dev Sware

    <input type="text" class="timepicker" id="modified-timepicker">

请向此笔查询日期选择器：Materialize Datepicker range CodePen by Dreamh

将这些CSS和JS从笔中替换/添加到您的项目中，并更改最小/最大时间和日期范围。

希望这可以解决您的问题。 ?

如何设置物化时间选择器的最小和最大时间

1 个答案: