下拉菜单日期

我无言以对，当涉及到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

下拉菜单日期

回答

相关问题