jQueryUI的日历设置的最小和最大时间范围动态

Question

我有个web应用程序返回上图形上显示一组的JSON数据。用户可以通过从JQUERY日历控件中选择日期来切换图形。

我需要禁用那些没有在JSON返回的日期。有人可以帮助我如何实现这一目标吗？ 例如JSON对象可以包含数据长达1.5年的数据。

谢谢。

Answer 1

如果您使用的是jQuery UI Datepicker，它将采用可选的最小/最大日期参数。从documentation：

限制用的minDate和的maxDate选项可选日期的范围。将开始日期和结束日期设置为实际日期（新日期（2009，1 - 1，26）），作为与今天（-20）的数字偏移量，或者作为一系列周期和单位（'+ 1M + 10D'） 。在过去，使用“d”天，“W”了几个星期，“M”几个月，或“Y”多年。

$("#datepicker").datepicker({ minDate: -20, maxDate: "+1M +10D" }); 

所以，你会需要您确定您的最小/最大日期JSON数据，把它们变成Date对象，并把它们传递作为选项的日期选择器。