1

JavaScript と Ajax に関しては、私は無知です。両方の簡単なチュートリアル サイトを教えてもらえますか?

私が達成しようとしていることのアルゴリズムはかなり単純です。日付を入力するための 3 つのドロップダウン メニューがあります。ユーザーは年を選択し、次に月を選択し、前の 2 つの選択に基づいて日付を選択します。したがって、ユーザーが 2012 年 2 月を選択すると、日付リストには 29 日間が表示されます。2013 年 2 月を見たい場合、日付リストには 28 日が表示されます。または、別の月については、30 日または 31 日を表示します。これを達成するには、どのような機能が必要ですか?

4

2 に答える 2

0

迅速な対応に感謝します。カレンダーをフォームに入れるwwwでこれを見つけました：

いつでも

于 2013-03-15T16:07:58.770 に答える
0 
<!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-14T20:07:55.870 に答える