javascript – 如果日期范围包含禁用日期,则更改jQuery日期范围选择器以禁止日期范围

我创建了一个jQuery日期范围选择器.我可以选择日期范围并在文本框中显示它们.现在我需要的是,我需要禁用某些日期并为这些日期分配不同的类.

E.g. I must be able to give class A to April 2, class B to April 4 etc.

我尝试了谷歌搜索时得到的结果,但没有任何帮助.我想要做的是传递一些应该分配给那些日期的日期和类.该类应该分配给那些日期加上我必须有选项来启用或禁用这些日期.

我要做的下一件事是,如果在2个日期之间有一个禁用日期,则无法选择该范围.

E.g. Suppose I want to select April 2 to April 7 and April 5 is a disabled date. 
Then I could be able to select either April 2 to April 4 or April 6 to April 7.

这意味着只能选择一个范围.请帮忙解决这个问题.

请找到小提琴here

最佳答案
您必须创建两个数组,一个用于映射css类,每个日期要禁用class:date,另一个用css类映射你想要给出特殊类的日期,然后:

>在beforeShowDay内部,检查日期是否在禁用日期数组中,如果找到它,请使用关联的类并返回false,例如:[false,“classA”],如果没有,请检入特殊数组并返回真正的阶级,否则就做你现在正在做的事情.
>在onSelect中,检查所选范围是否包含数组中的任何日期并采取相应措施
>然后在class:date数组中,你可以添加任何类:你希望用自己的类禁用的日期,代码将处理它

完整的解决方案here.

笔记:

>代码禁用4月22日和5月15日(尝试使用日期)
>该代码为4月15日和5月10日提供了一个特殊课程.
> css类在td上作为背景颜色应用,它没有正确显示,你将不得不修改选择器的css以便它做
>提及此答案的参考文献是here

转载注明原文:javascript – 如果日期范围包含禁用日期,则更改jQuery日期范围选择器以禁止日期范围 - 代码日志