javascript - javascript datapicker 限制日期

Question

我有这段代码来限制各种“日期选择器日期”。：

$(function() {
    $(".datepicker").datepicker({
        dateFormat: 'dd-mm-yy'
    })({
        changeMonth: true,
        changeYear: true
    });
    $(".datepicker").datepicker;
});

var calcDate = function() {
    var start = $('#conference_date_in').datepicker('getDate');
    var end = $('#conference_date_out').datepicker('getDate');
    var days = (end - start) / 1000 / 60 / 60 / 24;

    document.getElementById('total_days').value = days;
}

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

$('#conference_date_in').change(calcDate);
</script>

我的最小/最大日期在错误的部分吗？

Answer 1

你必须像这样设置mindate和max date

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

例子

参考：mindate 和 maxdate

如果您想禁用特定日期范围，可以使用以下代码

//  unavailable dates range
var dateRange = ["2012/05/20","2012/05/29"]; // yyyy/MM/dd


function unavailable(date) {
    var startDate = new Date(dateRange[0]);
    var endDate = new Date(dateRange[1]);
    var day = date.getDay();



    if(date > startDate && date < endDate )
        return [false, "disabled"];
    else if(day > 0 && day < 6)
        return [true, "enabled"];
    else 
        return [false, "disabled"];

}

$('#iDate').datepicker({ beforeShowDay: unavailable });

工作小提琴