计算日期表单下拉菜单月份天数的最佳方法答案

【问题标题】：Best Method of Calculating Number of Days in Month for Date Form Drop-down计算日期表单下拉菜单月份天数的最佳方法
【发布时间】：2013-10-08 18:39:41
【问题描述】：

为了预设表单下拉列表中每个选定月份的天数，我编写了以下代码。这也测试闰年（从 2000+ 年开始，因为我不需要更早）。这段代码对我来说似乎可以正常工作，但有没有更有效的方法来减少代码？

<script>
    function is_leap()
    {
        var year=document.getElementById('f_year').value;
        var a = 2000;
        for(a;a<year;a+=4)
        {
        }

        if(a==year)
        {
            return true;
        }
        else return false;
    }

    function out_days(v)
    {
        var html = '';
        for(var x=1;x<=v;x++)
        {
            html += '<option value="' + x + '">' + x + '</option>';
        }
        document.getElementById('f_day').innerHTML=html;                
    }

    function chk_mon()
    {
        var e = document.getElementById('f_month').selectedIndex;
        switch(e)
        {
            case 0: case 2: case 4: case 6: case 7: case 9: case 11:
            {                   
                out_days(31);
                break;
            }   
            case 1:
            {
                if(is_leap())
                {
                    out_days(29);
                }
                else out_days(28);
                break;
            }
            case 3: case 5: case 8: case 10:
            {
                out_days(30);
                break;
            }
            default:
            {
                out_days(31);
                break;
            }
        }
    }
</script>

<form action="index.php" method="post" name="form">
    Date:<select onchange="chk_mon()" id="f_month" name="from_month">
        <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>
    <select id="f_day" name="from_day">
        <script>
            chk_mon();
        </script>
    </select>
    <select onchange="chk_mon()" id ="f_year" name="from_year">
        <option value="2013">2013</option>
        <option value="2014">2014</option>
        <option value="2015">2015</option>
        <option value="2016">2016</option>
        <option value="2017">2017</option>
        <option value="2018">2018</option>
        <option value="2019">2019</option>
        <option value="2020">2020</option>
        <option value="2021">2021</option>
        <option value="2022">2022</option>
        <option value="2023">2023</option>
        <option value="2024">2024</option>
        <option value="2025">2025</option>
        <option value="2026">2026</option>
        <option value="2027">2027</option>
        <option value="2028">2028</option>
        <option value="2029">2029</option>
        <option value="2030">2030</option>
    </select>
</form>

【问题讨论】：

Javascript: calculate number of days in month for a given year的可能重复
在任何一年中只有一个月的天数是可变的。除了 2 月，您可以每个月都进行硬接线，如果是闰年，则将 2 月设置为 29。
@Kennebec 这不是我目前正在做的事情吗？我是用 switch 语句来做的，但其他月份总是会得到相同的值。

标签： javascript

【解决方案1】：

你也可以试试 JQuery 的 DatePicker，它非常干净。这个例子其实来自JQuery的网站http://jqueryui.com/datepicker/：

 //JQuery and JQuery UI CDNs - Place in <head>
 <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
 <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

 //JS Fn - Place in <head>
 <script>
 $(function() {
    $( "#datepicker" ).datepicker();
 });
 </script>

 //Put this in the <body>
 <p>Date: <input type="text" id="datepicker" /></p>

【讨论】：

我会建议这个解决方案；大多数时候，没有理由重新发明轮子。
我喜欢这个小部件。似乎也很容易实现。感谢您的提示。