在 jQuery Datepicker 中更改日期并选择其他日期答案

【问题标题】：Change Date in jQuery Datepicker with the Selection of the Other在 jQuery Datepicker 中更改日期并选择其他日期
【发布时间】：2011-01-14 18:33:59
【问题描述】：

我正在创建一个包含“注册日期”、“续订日期”和“有效期至”字段的表单。

续订日期为 3 年以上，有效期为 3 年以上和 2 个月以上

我希望在选择注册日期时自动填充续订日期和有效更新日期。

下面是我用来尝试这个的代码...

    var datePicked = function() {
    var newDate = $("#reg_date").datepicker('getDate'),
    newDay = newDate.getDate(),
    newMonth1 = newDate.getMonth(),
    newMonth = newDate.getMonth()+2,
    newYear = newDate.getFullYear()+3;

    var renDate = new Date(newYear, newMonth1, newDay);
    var validDate = new Date(newYear, newMonth, newDay);

    $("#ren_date").datepicker("setDate", renDate);
    $("#valid_date").datepicker("setDate", validDate);

}

$(function() {      
    $( "#reg_date" ).datepicker({
        changeMonth: true,
        changeYear: true,
        yearRange: '1900:2050',
        dateFormat: 'dd/mm/yy',
        onSelect: datePicked
    });

    $( "#ren_date" ).datepicker({
        changeMonth: true,
        changeYear: true,
        yearRange: '1900:2050',
        dateFormat: 'dd/mm/yy'
    });     

    $( "#valid_date" ).datepicker({
        changeMonth: true,
        changeYear: true,
        yearRange: '1900:2050',
        dateFormat: 'dd/mm/yy'          
    });     

});

干杯！

【问题讨论】：

标签： jquery date datepicker

【解决方案1】：

只要选择了注册日期，您就可以使用 jQuery“更改”事件来设置其他日期。


$("#reg_date").change(function(){
  var reg_date_val = $(this).val();
  $("#ren_date").val(reg_date_val);
  $("#valid_date").val(reg_date_val);
});

【讨论】：