Datepicker上的最小和最大日期不适用于我的项目

时间:2016-11-21 19:41:43

标签: jquery twitter-bootstrap datepicker

我有一个输入字段正在使用datepicker。我正在尝试设置它,以便日历显示为仅工作日活动。过去的日期和日期比当前日期提前1个月的目的是显示为无效。

目前,只有周末显示为非活动状态。过去的日期仍然显示为有效。 有人可以帮我解决这个问题吗?

<input id="date" type="text " class="form-control datepicker" name="date" value="Click to select a date">



$(function() {
            $(".datepicker").datepicker({
                maxDate: '+1m', //+1m is 1 month from now
                minDate: '0', //allow only from now on
                daysOfWeekDisabled: [0, 6],
                orientation: 'auto'
            });

2 个答案:

答案 0 :(得分:2)

我认为你正在使用插件或其他东西,如果你正在做的就是你不需要的东西。尝试将beforeShowDay参数与noWeekends一起使用,如:

      $(".datepicker").datepicker({
        maxDate: '+1m', //+1m is 1 month from now
        minDate: '0', //allow only from now on
        orientation: 'auto',
        beforeShowDay: $.datepicker.noWeekends
      });

以上是jQuery的日期选择器。这是Bootstrap,所以尝试使用startDate / endDate:

        $(".datepicker").datepicker({
            endDate: '+1m', //+1m is 1 month from now
            startDate: '0', //allow only from now on
            daysOfWeekDisabled: [0, 6],
            orientation: 'auto'
        });

答案 1 :(得分:1)

如果使用bootstrap datepicker,请尝试使用startdate和enddate作为日期范围:

BootStrap enddate

Bootstrap startDate

也许是这样的:

$(".datepicker").datepicker({
   startDate: 'now', //+1m is 1 month from now
   endDate: '+1m', //allow only from now on
   daysOfWeekDisabled: [0, 6],
   orientation: 'auto'
});