动态设置Daterangepicker的MaxDate：实现日期输入框联动限制

<input type="text" name="input_one" id="input_one" placeholder="请选择开始日期" />
<input type="text" name="input_two" id="input_two" placeholder="请选择结束日期" />

$(document).ready(function() {
    // 初始化第一个日期选择器
    $('input[name="input_one"]').daterangepicker({
        minDate: moment(), // 最小可选日期为今天
        timePicker: false,
        singleDatePicker: true, // 单日期选择模式
        autoApply: true,
        autoUpdateInput: true,
        locale: {
            format: 'DD-MM-YYYY' // 日期格式
        }
    }, function(start, end, label) {
        // 回调函数，可以在日期选择后执行一些操作
        // 例如，更新输入框的值，但这里我们主要关注maxDate的动态设置
        var selectedEndDate = end.format('DD-MM-YYYY');
        $('#input_one').data('daterangepicker').setEndDate(selectedEndDate);
    });

    // 初始化第二个日期选择器（尚未实现maxDate联动）
    $('input[name="input_two"]').daterangepicker({
        minDate: moment(), // 最小可选日期为今天
        timePicker: false,
        singleDatePicker: true,
        autoApply: true,
        autoUpdateInput: true,
        locale: {
            format: 'DD-MM-YYYY'
        }
    });
});

$(document).ready(function() {
    // 初始化第一个日期选择器
    $('input[name="input_one"]').daterangepicker({
        minDate: moment(),
        timePicker: false,
        singleDatePicker: true,
        autoApply: true,
        autoUpdateInput: true,
        locale: {
            format: 'DD-MM-YYYY'
        }
    }, function(start, end, label) {
        // 回调函数，确保input_one的值被正确设置
        // 这一步对于触发change事件至关重要
        $('#input_one').val(start.format('DD-MM-YYYY'));
        // 手动触发change事件，确保后续联动逻辑执行
        $('#input_one').trigger('change');
    });

    // 监听第一个日期输入框的change事件
    $('#input_one').on('change', function() {
        var selectedDateOne = $('#input_one').val();

        // 如果input_one有值，则更新input_two的daterangepicker
        if (selectedDateOne) {
            // 销毁旧的daterangepicker实例（如果存在）
            if ($('#input_two').data('daterangepicker')) {
                $('#input_two').data('daterangepicker').remove();
            }

            // 重新初始化第二个日期选择器，并设置maxDate
            $('#input_two').daterangepicker({
                // 将input_one的当前值解析为moment对象，并设置为maxDate
                maxDate: moment(selectedDateOne, "DD-MM-YYYY"),
                minDate: moment(), // 保持minDate不变或根据需求调整
                timePicker: false,
                singleDatePicker: true,
                autoApply: true,
                autoUpdateInput: true,
                locale: {
                    format: 'DD-MM-YYYY'
                }
            });

            // 额外处理：如果input_two当前选择的日期晚于新的maxDate，则清空或调整input_two的值
            var currentTwoDate = $('#input_two').val();
            if (currentTwoDate) {
                var currentTwoMoment = moment(currentTwoDate, "DD-MM-YYYY");
                var newMaxMoment = moment(selectedDateOne, "DD-MM-YYYY");
                if (currentTwoMoment.isAfter(newMaxMoment)) {
                    $('#input_two').val(''); // 清空input_two的值
                }
            }
        } else {
            // 如果input_one被清空，可以选择重置或禁用input_two的maxDate限制
            // 例如，可以重新初始化input_two，不带maxDate限制
            if ($('#input_two').data('daterangepicker')) {
                $('#input_two').data('daterangepicker').remove();
            }
            $('#input_two').daterangepicker({
                minDate: moment(),
                timePicker: false,
                singleDatePicker: true,
                autoApply: true,
                autoUpdateInput: true,
                locale: {
                    format: 'DD-MM-YYYY'
                }
            });
            $('#input_two').val(''); // 同时清空input_two的值
        }
    });

    // 首次加载时，如果input_one有默认值，也触发一次change事件
    if ($('#input_one').val()) {
        $('#input_one').trigger('change');
    }
});