Question

我在一个页面上使用了两个jquery。在文档就绪时，其中一个设置为当前日期，另一个设置为当前日期+ 15天

我要做的是让第二个日历永远不允许选择前一个+15天的日期。

示例：在文档就绪日历1：显示07/05/11日历2：显示07/20/11，如果我在日历上选择7/21/11，则日历2应显示：07/05/11。仅在第二个datepicker输入字段的焦点上，该字段的值将更改为第5个并在日历视图中正确显示。它应该自动执行此操作。

以下是如何处理

的示例

// Setting the current date and adding 15 days 

function setRange() {
    d=new Date($('#dateofchange').datepicker('getDate'));
    d.setDate(d.getDate() + 15);
    $('#EffectiveDate').datepicker('option', 'minDate', new Date(d));
    d=new Date($('#dateofchange').datepicker('getDate'));
    d.setFullYear(d.getFullYear() + 1);
    $('#EffectiveDate').datepicker('option', 'maxDate', new Date(d));
}

// This is the initial datePicker

$('#dateofchange').datepicker({
    showButtonPanel: true,
    minDate: new Date()
    });

// This is the current Date plus 15 days. 

$('#EffectiveDate').datepicker({
    showButtonPanel: true,
    beforeShow: setRange
});

Answer 1

我会稍微改写它并做这样的事情。

在#dateofchange日期选择器中选择日期后，minDate的{{1}}和maxDate选项将根据用户选择的日期再次设置

#EffectiveDate

它可能写得更简洁和优雅，但这应该按照你描述的方式起作用。

jsFiddle：http://jsfiddle.net/bjorn/aVBca/2/

jquery 2日历另一个设置范围

1 个答案: