如何限制jQuery UI Datepicker在将来禁止日期?

时间:2011-08-03 12:56:34

标签: jquery jquery-ui datepicker

我使用的是jQuery UI Datepicker,因此只能选择星期日。

我想要的是,可以选择当前日期到未来的日期。这是我目前使用的代码:

var daysToDisable = [1,2,3,4,5,6];

        $('#startdate').datepicker({
            beforeShowDay: disableSpecificWeekDays
        });

        function disableSpecificWeekDays(date) {
            var day = date.getDay();
            for (i = 0; i < daysToDisable.length; i++) {
                if ($.inArray(day, daysToDisable) != -1) {
                    return [false];
                }
            }
            return [true];
        }

3 个答案:

答案 0 :(得分:32)

我只想使用单一条目将日期限制在今天之外:

$('#startdate').datepicker({
    maxDate: '+0d'
});

答案 1 :(得分:4)

您可以使用 maxDate 属性来阻止选择将来的日期。

注意:这假设你的 dateFormat dd / mm / yy

修改: http://jsfiddle.net/jXGZz/

var fullDate = new Date();

var twoDigitMonth = ((fullDate.getMonth().length+1) === 1)? (fullDate.getMonth()+1) : '0' + (fullDate.getMonth()+1);

$('#startdate').datepicker({
    maxDate: fullDate.getDate() + "/" + twoDigitMonth + "/" + fullDate.getFullYear(),
    beforeShowDay: disableSpecificWeekDays
});


function disableSpecificWeekDays(date) {
    if(date.getDay()==0){
        return [true];
    }else{
        return [false];
    }
}

修改了twoDigitMonth

var twoDigitMonth = fullDate.getMonth()+1<10 ? "0"+fullDate.getMonth()+1 : fullDate.getMonth()+1 ;

答案 2 :(得分:-1)

请像这样打电话给datepicker

jQuery(document).ready(function() {
    $('#startdate').datepicker({
      beforeShowDay: disableSpecificWeekDays
    });
});