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

Question

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

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

谢谢。

Answer 1

如果您使用的是 jQuery UI 日期选择器，则它采用可选的最小/最大日期参数。从文档中：

使用最小日期和最大日期选项限制可选日期的范围。将开始日期和结束日期设置为实际日期（新日期（2009， 1 - 1， 26））、与今天开始的数字偏移量 （-20） 或句点和单位字符串 （'+1M +10D'）。最后，使用"D"表示天数，"W"表示周，"M"表示月，或"Y"表示数年。

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

因此，您需要从 json 数据中确定最小/最大日期，将它们转换为日期对象，并将它们作为选项传递给日期选择器。