[英]How to use enable and disable properties together in flatpickr.js?
I am unable to use enable and disable properties together in flatpickr.js.我无法在 flatpickr.js 中同时使用启用和禁用属性。 Actually enable property is returning a range of dates that should be enabled but I want to disable specific days let's say weekends among those enabled days range.
实际上启用属性正在返回应该启用的日期范围,但我想禁用特定的日子,比如那些启用的日子范围中的周末。
datePickerInput.flatpickr({
clickOpens: false,
disableMobile: 'true', // Do not render mobile version UI
closeOnSelect: false,
defaultDate: null,
enable: [getEnableDays()],
disable: [
function (date) {
return (date.getDay() === 0 || date.getDay() === 6);
}
],
locale: {
"firstDayOfWeek": 1
}
});
getEnableDays: function () {
var me = this;
var maxDate = '2090-12-25T16:16:22.585Z';
var minDate = '1900-12-24T16:16:22.585Z';
var fromDate = minDate;
var toDate = maxDate;
if (me.disableDays) {
fromDate = me.isPrevDaysDisable ? me.calculatedDate.toISOString().slice(0, 10) : 'today';
toDate = !me.isPrevDaysDisable ? me.calculatedDate.toISOString().slice(0, 10) : 'today';
}
return {
from: fromDate,
to: toDate,
};
},
You can't use disable along with enable but here's how you can achieve disable weekends functionality but using onDayCreate.您不能将 disable 与 enable 一起使用,但这里是您可以通过使用 onDayCreate 来实现禁用周末功能的方法。
onDayCreate: function (dObj, dStr, fp, dayElem) {
if (dayElem.dateObj.getDay() === 0 || dayElem.dateObj.getDay() === 6) {
dayElem.className += " flatpickr-disabled nextMonthDayflatpickr-disabled";
}
},
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.