セレクトメニューで選択された年月日からミリ秒を取得する


動作ブラウザ 【 IE:4.0   NN:2.0
Internet Explorer Netscape Navigator Opera iCab Safari
3.0x 4.0x 4.5 5.0x 5.5 6.0 2.0x 3.0x 4.0x 4.x 6.0 7.0 7.x 2.x 1.x
Windows - -
Macintosh - ×
UNIX - - - - - -

ポイント var y = document.dForm.year.options[document.dForm.year.selectedIndex].value; var m = document.dForm.month.options[document.dForm.month.selectedIndex].value; var d = document.dForm.day.options[document.dForm.day.selectedIndex].value; var dateObj = new Date(y+"/"+m+"/"+d); document.dForm.result.value = dateObj.getTime();
説  明 セレクトメニューで選択された年月日からミリ秒を取得するにはセレクトメニューで選択された値を読み出します。その値(日付)をDate()オブジェクトの引数として指定します。yyyy/mm/dd形式で指定してもDate()オブジェクトは年月日とみなされ自動的に、その日付でDateオブジェクトが生成されます。
サンプル <html> <head> <title>セレクトメニューで選択された年月日からミリ秒を取得する</title> <script language="JavaScript"><!-- function calcMsec() { var y = document.dForm.year.options[document.dForm.year.selectedIndex].value; var m = document.dForm.month.options[document.dForm.month.selectedIndex].value; var d = document.dForm.day.options[document.dForm.day.selectedIndex].value; var dateObj = new Date(y+"/"+m+"/"+d); document.dForm.result.value = dateObj.getTime(); } // --></script> </head> <body> <form name="dForm"> <select name="year" onChange="calcMsec()"> <option value="0">年数</option> <option value="2004">2004</option> <option value="2005">2005</option> <option value="2006">2006</option> </select> <select name="month" onChange="calcMsec()"> <option value="0">月</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> </select> <select name="day" onChange="calcMsec()"> <option value="0">日</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option> <option value="16">16</option> <option value="17">17</option> <option value="18">18</option> <option value="19">19</option> <option value="20">20</option> <option value="21">21</option> <option value="22">22</option> <option value="23">23</option> <option value="24">24</option> <option value="25">25</option> <option value="26">26</option> <option value="27">27</option> <option value="28">28</option> <option value="29">29</option> <option value="30">30</option> <option value="31">31</option> </select> <br> ミリ秒:<input type="text" name="result"> </form> </body> </html>
補足説明 なし

■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!

写真素材 PIXTA