特定エリアに今日の日付を挿入し、その日にちを起算日として他エリアに日付を挿入したいです。
具体的構成は以下の通りで、第三希望日までを入力するフォームを作成したいと考えています。
lang
1<div class="hoge_01"> 2第一希望日 3<p class="hoge_p01">希望日が<span class="today"></span>の場合、<span class="day1"></span>以降で指定してください。</p> 4<label> 5<input name="t1_y" type="text" value="" class="year one-byte">年 6<input name="t1_m" type="text" value="" class="month one-byte">月 7<input name="t1_d" type="text" value="" class="date one-byte">日 8</label> 9</div> 10<div class="hoge_02"> 11第二希望日 12<p class="hoge_p02">第一希望日が<span class="day1"></span>の場合、<span class="day2"></span>以降で指定してください。</p> 13<label> 14<input name="t2_y" type="text" value="" class="year one-byte">年 15<input name="t2_m" type="text" value="" class="month one-byte">月 16<input name="t2_d" type="text" value="" class="date one-byte">日 17</label> 18</div> 19<div class="hoge_03"> 20第三希望日 21<p class="hoge_p03">第二希望日が<span class="day2"></span>の場合、<span class="day3"></span>以降で指定してください。</p> 22<label> 23<input name="t3_y" type="text" value="" class="year one-byte">年 24<input name="t3_m" type="text" value="" class="month one-byte">月 25<input name="t3_d" type="text" value="" class="date one-byte">日 26</label> 27</div>
「today」に今日の日にちを挿入し、それを起算日として翌営業日換算で7日後の日にちを「day1」に、さらにそれから7日後の日にちを「day2」に、7日後の日にちを「day3」に自動的に挿入したいです。さらにそれぞれのエリアのinputタグの「placeholder」としても年月日を挿入したいです。
例えば閲覧タイミングが2016年1月5日の場合以下の通りになります。
lang
1<div class="hoge_01"> 2第一希望日 3<p class="hoge_p01">希望日が<span class="today">2016年1月5日</span>の場合、<span class="day1">2016年1月12日</span>以降で指定してください。</p> 4<label> 5<input name="t1_y" type="text" value="" class="year one-byte" placeholder="例)2015">年 6<input name="t1_m" type="text" value="" class="month one-byte" placeholder="1">月 7<input name="t1_d" type="text" value="" class="date one-byte" placeholder="12">日 8</label> 9</div> 10<div class="hoge_02"> 11第二希望日 12<p class="hoge_p02">第一希望日が<span class="day1">2016年1月12日</span>の場合、<span class="day2">2016年1月19日</span>以降で指定してください。</p> 13<label> 14<input name="t2_y" type="text" value="" class="year one-byte" placeholder="例)2015">年 15<input name="t2_m" type="text" value="" class="month one-byte" placeholder="1">月 16<input name="t2_d" type="text" value="" class="date one-byte" placeholder="19">日 17</label> 18</div> 19<div class="hoge_03"> 20第三希望日 21<p class="hoge_p03">第二希望日が<span class="day2">2016年1月19日</span>の場合、<span class="day3">2016年1月26日</span>以降で指定してください。</p> 22<label> 23<input name="t3_y" type="text" value="" class="year one-byte" placeholder="例)2015">年 24<input name="t3_m" type="text" value="" class="month one-byte" placeholder="1">月 25<input name="t3_d" type="text" value="" class="date one-byte" placeholder="26">日 26</label> 27</div>
当方JS初心者のため説明がわかりにくいかと思いますが、ご教授のほどよろしくお願いいたします。