実現したいこと
任意の日付から1ヶ月後と1ヶ月半後の計算フォームを作りたいです。
発生している問題
フォームを2つ用意しているのですが、なぜか同じ結果になってしまいます。
該当のソースコード
<div style="text-align: center;"> 施術した日:<input id="txt2DateAddSample" type="date" name="txt2DateAddSample" value="<?php echo date_i18n("Y-m-d"); ?>"/><br><br> <button id="button2" onclick="funcAdd2()">施術日を確認する</button><br><br> 次の施術日:<input id="txt4DateAddSample" type="text" name="txt4DateAddSample"/> </div> <div style="text-align: center;"> 施術した日:<input id="txt1DateAddSample" type="date" name="txt1DateAddSample" value="<?php echo date_i18n("Y-m-d"); ?>"/><br><br> <button id="button1" onclick="funcAdd1()">施術日を確認する</button><br><br> 次の施術日:<input id="txt3DateAddSample" type="text" name="txt3DateAddSample"/> </div> <script language="JavaScript"> function funcAdd1(){ var date1 = document.getElementById("txt1DateAddSample").value; var date2 = addDate(date1); jQuery("#txt3DateAddSample").val(date2); } function funcAdd2(){ var date3 = document.getElementById("txt2DateAddSample").value; var date4 = addDate(date3); jQuery("#txt4DateAddSample").val(date4); } </script> <script language="JavaScript"> function addDate(date1Str) { var date1 = new Date(date1Str); date1.setMonth(date1.getMonth() + 1); console.log(date1); return [date1.getFullYear(), date1.getMonth() + 1, date1.getDate()].join('/'); } function addDate(date2Str) { var date3 = new Date(date2Str); date3.setDate(date3.getDate() + 46); console.log(date3); return [date3.getFullYear(), date3.getMonth() + 1, date3.getDate()].join('/'); } </script>
補足情報(FW/ツールのバージョンなど)
WordPress上でやっています。
独学で初心者のため、初歩的なことからご教授願えればと思います。よろしくお願いいたします。
回答1件
あなたの回答
tips
プレビュー