如何修改daterangepicker代码，限制日期范围为今日起一年内？

没问题，要实现这个需求很简单，咱们只需要给daterangepicker添加maxDate配置项，指定今日之后一年的日期作为可选范围的上限就可以了。同时我也顺便优化了原代码里日期字符串拼接的小问题（避免月份/日期是个位数时缺少前导零的情况）。

修改思路 #

daterangepicker原生支持minDate和maxDate来限制可选日期范围，你已经设置了minDate: today，现在只需要计算出今日往后一年的日期，把它赋值给maxDate即可。

修改后的完整代码 #

$(function () {
    var today = new Date();
    // 计算今日往后一年的日期，自动处理闰年、月份天数差异等边界情况
    var oneYearLater = new Date();
    oneYearLater.setFullYear(today.getFullYear() + 1);
    
    var tomorrow = new Date();
    tomorrow.setDate(tomorrow.getDate() + 1);
    
    // 改用daterangepicker内置的moment方法生成标准日期字符串，避免补零问题
    arriving = moment(today).format('YYYY-MM-DD');
    departing = moment(tomorrow).format('YYYY-MM-DD');
    
    $('input#datepicker').daterangepicker({
        autoApply: true,
        startDate: today, // 预选中的起始日期
        endDate: tomorrow, // 预选中的结束日期
        locale: {
            format: "DD MMM YYYY"
        },
        minDate: today,
        maxDate: oneYearLater // 新增：设置可选日期的上限为今日起一年后
    }, function (start, end, label) {
        if (start.isSame(end, 'day')) {
            end.add(1, 'days');
            $('#datepicker').data('daterangepicker').setEndDate(end);
        }
        arriving = start.format('YYYY-MM-DD');
        departing = end.format('YYYY-MM-DD');
    });
});

关键修改点说明 #

• 新增oneYearLater变量：通过setFullYear方法直接在今日基础上增加一年，这种方式会自动处理特殊情况（比如2024年2月29日加一年会自动转为2025年2月28日），不用自己手动处理月份和天数的问题。
• 添加maxDate: oneYearLater：这是实现范围限制的核心配置，它会直接禁用所有超过一年后的日期选项，确保用户只能选择今日到未来一年内的日期范围。
• 优化日期字符串生成：原代码用原生Date拼接的方式会出现2025-1-5这种不标准格式，改用daterangepicker内置的momentformat方法生成YYYY-MM-DD格式的字符串，保证前后格式统一。

内容的提问来源于stack exchange，提问作者Software Devlopment Graduate