JqueryUI日历动态设置最小和最大日期范围

Question

我有一个Web应用程序，它返回一组要在图表上显示的JSON数据。用户可以通过从JQUERY Calendar Control中选择日期来切换图表。

我需要禁用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数据中确定最小/最大日期，将它们转换为日期对象，并将它们作为选项传递给日期选择器。