Question

我目前正在开发一个订单系统，用户可以选择他们希望订购的日期。

我需要有一个页面，其中日历/日期选择器可见（不是由弹出窗口激活），并且具有所有过去日期，今天日期和未来3天被阻止。然后，用户可以从可用日期中进行选择，然后将其提交给客户。

非常感谢任何帮助！

Answer 1

检查以下链接： http://jqueryui.com/demos/datepicker/#inline http://jqueryui.com/demos/datepicker/#min-max

描述说明了这一点： “将开始日期和结束日期设置为实际日期（新日期（2009年，1 - 1,26）），作为今天（-20）的数字偏移，或作为一系列期间和单位（'+ 1M + 10D'）“

Answer 2

http://docs.jquery.com/UI/Datepicker#options

请参阅minDate和maxDate

Answer 3

以下是如何始终显示日历的示例：

http://jqueryui.com/demos/datepicker/#inline

看起来blackout-date功能可以通过beforeShowDay回调实现，或者只需设置日历min / max即可。

http://jqueryui.com/demos/datepicker/#min-max

http://forum.jquery.com/topic/custom-callback-to-disable-specific-dates-in-datepicker

$('#datepicker').datepicker({..., beforeShowDay: allowedDates});

function allowedDates(date) {
      for (var i = 0; i < jsForbiddenDatesArray.length; i++) {
            if (date.getTime() == jsForbiddenDatesArray[i].getTime()) {
                  return [false, ''];
            }
      }
      return $.datepicker.noWeekends(date);
}

Answer 4

可以通过两种类型完成

设置mindate和maxdate
当您打开日期选择器并更改月/年时，它将触发事件beforeShowDay，其中包含该月份和年份的每个日期，您可以使用日期范围数组或对象检查该函数中的每个日期。返回true或false。如果错误返回该日期将被取消，并且该日期将为true，

日期/日期选择器，日期已被阻止

4 个答案: