flatpickr,链接两个输入字段以获取句点

时间:2018-08-02 16:09:58

标签: javascript jquery datepicker flatpickr

我正在尝试使用Jquery实现flatpickr。到目前为止一切顺利。

我有下面的代码可以实际工作:

flatpickr("#booking_start", {});
flatpickr("#booking_end", {});

但是我想将此代码更改为句点。 我试图弄清楚如何使用flatpickr reference page来做到这一点:

但是,一旦我添加代码"onChange",我基本上会收到一个错误。我知道我很可能会犯语法错误,但此时我只是被卡住了。

flatpickr("#booking_start", { onchange({ alert('hi there') }) });
flatpickr("#booking_end", {});

最后,我想将其变成一个周期选择器。因此,当您单击开始日期时,开始日期应自动设置结束日期的最小日期。

但是到目前为止,我实际上没有任何进展。

编辑:

塞伯·塞布伦(Seb Cesbron)给了我正确的答案!

startPicker = flatpickr("#booking_start", {
  onChange: function(selectedDates, dateStr, instance) {
    endPicker.set('minDate', selectedDates[0]);
  }
});
endPicker = flatpickr("#booking_end", {});

1 个答案:

答案 0 :(得分:2)

这是正确的语法

startPicker = flatpickr("#booking_start", {
  onChange: function(selectedDates, dateStr, instance) {
    endPicker.set('minDate', selectedDates[0]);
  }
};
endPicker = flatpickr("#booking_end", {});