我在我的應用程序中使用'flatpickr'作爲日期時間選取器。這個日期選擇器允許選擇多個日期,但在閱讀文檔後,我無法找到任何限制所選日期的最大數量的方法。Flatpickr - 限制可選日期的數量
的Jquery:
$('#gig_date_multi').flatpickr({
"mode": "multiple",
"locale": "<%= I18n.locale %>",
minDate: new Date(),
enableTime: true,
time_24hr: true,
minuteIncrement: 15,
onChange: function(selectedDates, dateStr, instance) {
var array = selectedDates;
if (array.length >= 3) {
console.log("YOU HAVE REACHED YOUR LIMIT")
} else {
console.log("YOU CAN STILL SELECT MORE DATES")
}
var newHTML = [];
$.each(array, function(index, value) {
var formatted = moment(value).format("HH:mm - dddd Do MMMM YYYY");
newHTML.push('<span>' + formatted + '</span>');
});
$(".multi-dates").html(newHTML.join(""));
}
});
這裏的時候,3個日期選擇控制檯輸出「你已經達到了極限」,我想也許我可以(從先前選定的間隔)禁止所有日期時,發生這種情況。
Flatpickr有disable
和enable
函數,但我不確定如何將它集成到代碼中...我是一個jQuery初學者。
該文檔顯示了這兩種方法;
{
"disable": [
function(date) {
// return true to disable
return (date.getDay() === 5 || date.getDay() === 6);
}
],
"locale": {
"firstDayOfWeek": 1 // start week on Monday
}
}
和
{
enable: ["2017-03-30", "2017-05-21", "2017-06-08", new Date(2017, 8, 9) ]
}
這些是可以選擇的日期範圍或單個日期嗎? – Cue
@Cue這些是可以選擇的單獨日期。 –