您好,我正在尝试用 flatpickr 替换 datetimepicker,但我无法处理这种情况。 不想使用 flatpickr 的范围插件,我希望能够使用 onChange 事件更改实例的 minDate 或 maxDate。 不幸的是,我在指南上找不到关于这段话的信息
flatpickr('#start_time', {
locale: 'it',
enableTime: true,
plugins: [
new confirmDate({
confirmIcon: "<i class='fa fa-check'></i>",
confirmText: '',
showAlways: true,
}),
],
showAlways: false,
theme: 'airbnb',
time_24hr: true,
altInput: true,
altFormat: 'F j, Y H:i',
dateFormat: 'Z',
weekNumbers: true,
maxDate: $('#end_time').attr('value'),
onClose: function(selectedDates, dateStr, instance) {
// Change #end_time minDate
},
});
flatpickr('#end_time', {
locale: 'it',
enableTime: true,
plugins: [
new confirmDate({
confirmIcon: "<i class='fa fa-check'></i>",
confirmText: '',
showAlways: true,
}),
],
showAlways: false,
theme: 'airbnb',
time_24hr: true,
altInput: true,
altFormat: 'F j, Y H:i',
dateFormat: 'Z',
weekNumbers: true,
minDate: $('#start_time').attr('value'),
onClose: function(selectedDates, dateStr, instance) {
// Change #start_time maxDate
},
});
我尝试使用 $('#start_time')[0]._flatpickr.config._maxDate
但没有成功
谢谢;)
最佳答案
这样解决
let startpicker = flatpickr('#start_time', {
locale: 'it',
enableTime: true,
plugins: [
new confirmDate({
confirmIcon: "<i class='fa fa-check'></i>",
confirmText: '',
showAlways: true,
}),
],
showAlways: false,
theme: 'airbnb',
time_24hr: true,
altInput: true,
altFormat: 'F j, Y H:i',
dateFormat: 'Z',
weekNumbers: true,
maxDate: $('#end_time').attr('value'),
onClose: function(selectedDates, dateStr, instance) {
endpicker.set('minDate', dateStr);
},
});
let endpicker = flatpickr('#end_time', {
locale: 'it',
enableTime: true,
plugins: [
new confirmDate({
confirmIcon: "<i class='fa fa-check'></i>",
confirmText: '',
showAlways: true,
}),
],
showAlways: false,
theme: 'airbnb',
time_24hr: true,
altInput: true,
altFormat: 'F j, Y H:i',
dateFormat: 'Z',
weekNumbers: true,
minDate: $('#start_time').attr('value'),
onClose: function(selectedDates, dateStr, instance) {
startpicker.set('maxDate', dateStr);
},
});
关于javascript - Flatpickr 即时更改 minDate maxDate,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50445766/