eonasdan-bootstrap-datetimepicker:daysOfWeekDisabled 和 enabledDates 如何协同工作?

eonasdan-bootstrap-datetimepicker:daysofweekdisabled 和 enableddates 如何协同工作?

eonasdan-bootstrap-datetimepicker:daysofweekdisabled 与 enableddates 联合使用

在使用 eonasdan 开发的 bootstrap datetimepicker 时,如果同时设置了 daysofweekdisabled 和 enableddates 选项,可能会遇到问题。

这是由于 daysofweekdisabled 选项用于禁用指定星期日的日期,而 enableddates 选项用于启用指定的日期。当这两个选项同时使用时,对 daysofweekdisabled 列表中的星期日设置 enableddates 将导致这些日期仍然被禁用。

为了解决这个问题,可以添加 reenableddates 选项,该选项用于重新启用 daysofweekdisabled 选项中禁用的日期。

以下是代码更改的示例:

$('#visit_date').datetimepicker({
    locale: currentCultureName,
    minDate: moment().add(1, 'days').hours(9).startOf('hour'),
    format: 'YYYY/MM/DD hh:mm',
    daysOfWeekDisabled: [1],
    enabledDates: [moment('2018/01/08', 'YYYY/MM/DD')],
    reenabledDates: [moment('2018/01/08', 'YYYY/MM/DD')]
});

这样,将重新启用 2018 年 1 月 8 日(星期一),因为它在 daysofweekdisabled 列表中被禁用,但在 enableddates 和 reenableddates 列表中被启用。

以上就是eonasdan-bootstrap-datetimepicker:daysOfWeekDisabled 和 enabledDates 如何协同工作?的详细内容,更多请关注其它相关文章!