日付の加算（例：開始日「2014/04/01」、加算日数「5」なら加算後日付「2014/04/06」）を求めるJavaScriptのサンプルです。
HTMLサンプル
|
1 2 3 |
日付：<input id="txt1DateAddSample" type="text" name="txt1DateAddSample" value="2014/04/01"/> 加算日数：<input id="txt2DateAddSample" type="text" name="txt2DateAddSample" /> 日数加算後の日付：<input id="txt3DateAddSample" type="text" name="txt3DateAddSample"/> |
JavaScriptサンプル
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
jQuery(function($) { jQuery(document).on('blur', '#txt1DateAddSample, #txt2DateAddSample', function(){ var date1 = document.getElementById("txt1DateAddSample").value; var days = document.getElementById("txt2DateAddSample").value; var date2 = addDate(date1, days); jQuery("#txt3DateAddSample").val(date2); }); }); /* *日付の差分日数を返却します。 */ function addDate(date1Str, days) { var date1 = new Date(date1Str); // パラメータで取得した日数を加算 date1.setDate(date1.getDate() + Number(days)); // Date型を（YYYY/MM/DD）形式へ成型して返却 return [date1.getFullYear(), date1.getMonth() + 1, date1.getDate()].join('/'); } |
※17行目の「date1.getDate()」を「date1.getFullYear()」や「date1.getMonth()」に変更すれば、年や月に対して加減算する事も可能となります。
実行サンプル
日付：
加算日数：
日数加算後の日付：
コメント