Onchange 1st date picker,2nd datepicker将更改

时间:2013-09-30 03:00:02

标签: jquery datepicker

在我的表单中,我有2个datepicker(例如:date1,date2)。 Date1是审批截止日期,date2是确认daedline。批准截止日期应等于或超过确认截止日期。我正在使用这个日期选择器样本。

$myCalendar = new tc_calendar("date1", true);
$myCalendar->setIcon("calendar/images/iconCalendar.gif");
$myCalendar->setDate(date('d'), date('m'), date('Y'));
$myCalendar->setPath("calendar/");
$myCalendar->zindex = 150; //default 1
$myCalendar->setYearInterval(date('Y'), date('Y')+2);
$myCalendar->dateAllow('2011-01-01','');
$myCalendar->setSpecificDate($MalHolidays, 0, '');
$myCalendar->setSpecificJapanDate($JapHolidays, 0, '');
$myCalendar->setAlignment('right', 'bottom'); //optional          
$myCalendar->writeScript();

因此。我想如果用户更改date2,date1将自动更改(与date2的输入相同)。 但是每当date1发生变化时,它只会影响自身(只有date1变化)。希望你能理解这种情况。

我认为这可以使用jquery完成,但我是jquery的新手,我希望你们可以帮助我。

感谢。

1 个答案:

答案 0 :(得分:1)

您可以使用change事件,然后使用option设置审核截止日期的minDate

$("#date2").change(function(){
    var date = $(this).datepicker('getDate');
    $('#date1').datepicker('option', 'minDate', date)
});

演示:Fiddle