Обновление 2-го текстового поля на основе выбора всплывающего календаря

Question

Я использую всплывающий календарь на основе JavaScript с динамического диска с именем « Всплывающий календарь Xin », и он отлично работает. Но я хочу иметь возможность отрегулируйте дату второго текстового поля на основе выбора.

Например, я хочу иметь возможность автоматически настроить его на +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 .

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);

});