jQuery UI Datepicker minDate 变化调整日历；我怎样才能冷冻它？

Question

我有一个五个月的 Datepicker 内联日历。 startDate 是我编写的一个变量，由用户单击事件设置。我在初始化后通过这样做调整 minDate 和 maxDate 选项：

$('#datepicker').datepicker("option",{"minDate":startDate,"maxDate":endDate}).datepicker("refresh");

但是，刷新日历时，它根据 startDate 变量显示第一个月，这令人迷失方向。例如，我的日历在一月初始化，它显示到五月。当 startDate 恰好在较晚的一个月（例如二月）时，当我刷新日历时，它会显示从该月（二月）开始的日期，并禁用所选日期之前的所有日期。我想冻结日历，以便它始终显示一月到五月，但会黑掉 minDate 之前的所有日期。

有没有一种简单的方法来冻结日历，以便它显示特定的 5 个月范围，而不管 minDate 和 maxDate 设置如何？

提前致谢。

Answer 1

我试图破解 minDate 和 maxDate 功能，以便黑掉所选日期之前的日期。我没有这样做，而是构建了一个日期对象数组，将其提供给 beforeShowDay，如下所示：

   $('#datepicker').datepicker({
            ...
            beforeShowDay: setRestrictedDates,
            ...
   })
 function setRestrictedDates(date) {
  var arrLen = jsForbiddenDatesArray.length;
  for (var x=0; x<arrLen; x++) {
   var arraydate = jsForbiddenDatesArray[x];
   var arraytime = Math.round( new Date(arraydate).getTime() / 86400000 );
   var dtime = Math.round( date.getTime() / 86400000 );
   if ( dtime == arraytime || date.getDay() == 5) {
    return [false, ''];
    break;
   }
  }
  return $.datepicker.noWeekends(date);
 }

请注意，通过除以 86400000 设置 dtime 只是将日期转换为天，以便我可以比较以确保两天相同（dtime == 数组时间）。此外，OR 语句“date.getDay() == 5”选择所有星期五。这与 datepicker.noWeekends(date) 相结合，意味着我的周末和周五以及禁止日期数组中的任何日期都被取消。

我希望这对某人有帮助。为日期选择器设置限制日期非常方便，但我发现这样做的文档晦涩难懂甚至不存在。

感谢这里和 jQuery 论坛中帮助我解决这个问题的每个人。

Answer 2

您可以尝试将刷新放在选项之前吗？

Answer 3

$("#datepicker").datepicker({ showCurrentAtPos: new Date().getMonth(), numberOfMonths: 12, minDate: startDate, maxDate: endDate});

Answer 4

约翰——

我也遇到了同样的问题，并在网上找到了一个非常酷的解决方案。它使日期范围的可视化变得非常容易，对于我的应用程序来说，预设的日期范围选择非常酷。

http://www.filamentgroup.com/lab/date_range_picker_using_jquery_ui_16_and_jquery_ui_css_framework/

“范围”功能详细信息位于底部附近。如果您对此进行测试，请确保不要忘记链接相关的 CSS 文件，因为它会成功或破坏脚本。

祝你好运。