javascript - JQuery Datepicker/Datetimepicker - 如何根据选定的选项在 java 中设置 MaxDate

Question

我不太擅长 Javascript - 但我正在尝试这个:

我有一个事件列表，用户可以在其中“编程以在将来的日期关闭”该事件。

但是，这个 future 日期不能在事件之后。

然后，我需要为每个事件设置一个最大日期。

我正在使用 JQuery DatePicker - 并设置最大日期，我这样做:

    $('#closeevent').datetimepicker({
    minDate: 0,
    maxDate: new Date(2016, 8, 15, 8, 0)
});

最大日期 = 2016/8/15 08:00

我的问题:

如何更改每个事件的“2016,8,15,8,0”(maxDate 值)onClick 按钮(因为每个事件都有不同的 maxDate。

事件 1 ... maxDate (2016, 9, 10, 8, 0) .... [按钮 onClick:..]事件 2 ... maxDate (2016, 10, 22, 10, 30) .... [按钮 onClick:..]

如果我单击 event1 的按钮 - maxDate 更改为 2016, 9, 10, 8, 0..

如果我单击 event2 的按钮 - maxDate 更改为 2016, 10, 22, 10, 30..

非常感谢

Answer 1

您可以使用 beforeShowDay 属性指定一个在显示每个日期之前调用的函数。返回使您能够以更高的粒度控制日期。

你可以看看这个 fiddle 的例子。 https://jsfiddle.net/tv760t1s/

var maxDate = new Date(2016, 8, 15, 8, 0);
$(".dateChange").click(function() {
  maxDate = new Date($(this).attr('value'));
  console.log(maxDate);
});
$("#datepicker").datepicker({
  minDate: 0,
  maxDate: new Date(2016, 8, 15, 8, 0),
  beforeShowDay: function(date) {
    console.log(date, maxDate);
    if (date > maxDate) {
      return [false, 'noShowClass', 'Date time not available'];
    } else {
      return [true, '', ''];
    }
  }
});

HTML:

<div>    
  <input type='text' id='datepicker' value=''>
  <input class='dateChange' type='button' value='2016-08-15 08:00:00'>
  <input class='dateChange' type='button' value='2016-09-10 08:00:00'>
</div>