Question

我正在使用名为动态驱动器的基于JavaScript的弹出日历 “Xin's Popup Calendar”它完美无缺。但是，我希望能够根据选择调整第二个文本框的日期。

例如，我希望能够将其自动调整为+1个月弹出窗口中选择的日期。我怎么能这样做？

以下是一个例子：

<input type="text" name="firstinput" size=20>
<small><a href="JavaScript:showCal('Calendar1')">Select Date</a></small>

<p>
<input type="text" name="secondinput" size=20>
<small><a href="JavaScript:showCal('Calendar2')">Select Date</a></small>
</p>

如果firstinput日期是3/21/10，我希望secondinput同时更改为4/21/10。

Answer 1

这有两个部分：（1）向数据添加月份的功能和（2）文本框的更改事件处理程序。此解决方案非常特定于Xin Pop Up Calendar。

function addMonth(d,month){
 t = new Date (d);
 t.setMonth(d.getMonth()+ month) ;
 if (t.getDate() < d.getDate())
  {
   t.setDate(0);
  }
 return t;
} 

$("input[name='firstinput']").change(function(){

var dt = $(this).val();
var yr = dt.substring(0,4);
var mo = dt.substring(5,7);
var dy = dt.substring(8,10);

var firstDate=new Date();
firstDate.setFullYear(yr,mo-1,dy);

var secondDate = addMonth(firstDate,1);
$("input[name='firstinput']").val(secondDate.getFullYear() + "/" + secondDate.getDate() + "/" + secondDate.getMonth()+1);

});

根据弹出日历选择更新第二个文本框

1 个答案: