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

Question

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

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

谢谢。

Answer 1

如果您使用的是 jQuery UI Datepicker，它需要可选的最小/最大日期参数。从文档中：

使用 minDate 和 maxDate 选项限制可选日期的范围。将开始日期和结束日期设置为实际日期 (new Date(2009, 1 - 1, 26))、从今天开始的数字偏移量 (-20) 或一串句点和单位 ('+1M +10D') . 最后，使用“D”表示天，“W”表示周，“M”表示月，或“Y”表示年。

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

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