下拉菜單日期

我無言以對，當涉及到JavaScript和Ajax。你們能指點我一個簡單的教程網站嗎？下拉菜單日期

的算法我想要做到的是相當簡單的。我有三個下拉菜單來輸入日期。用戶選擇一年，然後選擇一個月，然後根據之前的兩個選擇選擇一個日期。因此，如果用戶選擇2012年2月，日期列表將顯示二十九天。如果他想看看2013年2月，日期列表將顯示28天。或者再過一個月，顯示30或31天。我需要什麼樣的功能來完成這個功能？

來源

2013-03-14 user1902860

...和你的問題是......？ – 2013-03-14 20:04:14

<!DOCTYPE html> 
<html> 
<head> 
    <title></title> 
</head> 
<body> 
    <form name="myform"> 
     <fieldset><legend>Selection Date</legend><label for="year">Year: </label> 
      <select name="year" id="year" size="1"> 
       <option value=" " selected="selected"></option> 
       <option value="2000">2000</option> 
       <option value="2001">2001</option> 
       <option value="2002">2002</option> 
      </select> 
      <label for="month">Month: </label> 
      <select name="month" id="month" size="1"> 
       <option value=" " selected="selected"></option> 
       <option value="1">January</option> 
       <option value="2">February</option> 
       <option value="3">March</option> 
       <option value="4">April</option> 
       <option value="5">May</option> 
       <option value="6">June</option> 
       <option value="7">July</option> 
       <option value="8">August</option> 
       <option value="9">September</option> 
       <option value="10">October</option> 
       <option value="11">November</option> 
       <option value="12">December</option> 
      </select> 
      <label for="day">Day: </label> 
      <select name="day" id="day" size="1"> 
       <option value=" " selected="selected"></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> 
     </fieldset> 
    </form> 
    <script type="text/javascript"> 
     function daysInMonth(month, year) { 
      var days = new Date(year, month, 0); 
      return days.getDate(); 
     } 
     function setDayDrop(dyear, dmonth, dday) { 
      var year = dyear.options[dyear.selectedIndex].value; 
      var month = dmonth.options[dmonth.selectedIndex].value; 
      var day = dday.options[dday.selectedIndex].value; 
      if (day == ' ') { 
       var days = (year == ' ' || month == ' ') ? 31 : daysInMonth(month, year); 
       dday.options.length = 0; 
       dday.options[dday.options.length] = new Option(' ', ' '); 
       for (var i = 1; i <= days; i++) 
        dday.options[dday.options.length] = new Option(i, i); 
      } 
     } 
     function setDay() { 
      var year = document.getElementById('year'); 
      var month = document.getElementById('month'); 
      var day = document.getElementById('day'); 
      setDayDrop(year, month, day); 
     } 
     document.getElementById('year').onchange = setDay; 
     document.getElementById('month').onchange = setDay; 
    </script> 
</body>

來源

2013-03-14 20:07:55 Mikatsu

感謝您的迅速反應。我發現這對把一個曆法轉換成形式WWW：

Any Time

來源

2013-03-15 16:07:58 user1902860

下拉菜單日期

回答

相關問題