如何用html和php创建一个收集日期的表单

时间:2011-08-21 05:21:00

标签: php javascript html forms html-form

我有一个表单,我希望用户插入他们的生日。我有三个项目。一个月,一个一天,一个一年。我正在使用php来创建表单。我的问题是,如果有人选择二月作为月份,他们仍然可以选择第31天。所有月份都有31天。当有人更改月份字段时,是否需要使用javascript做出反应?我该如何解决这个问题?请帮忙。这是我的代码......

                    $today = time();
                    $f_today = date("M-d-Y", $today);
                    //The Month
                    $todayMonth = date("n",$today);
                    echo "<select id='monthSelect' name='dateMonth'>";
                    for ($n=1;$n<=12;$n++) {
                        echo "<option value='$n'";
                        if ($n == $todayMonth) {
                            echo " selected='selected'";
                        }
                        echo ">$monthName[$n]</option>";
                    }
                    echo "</select>";
                    //The Day
                    $todayDay = date("d",$today);
                    echo "<select id='daySelect'name='dateDay'>";
                    for ($n=1;$n<=31;$n++) {
                        echo "<option value='$n'";
                        if ($n == $todayDay) {
                            echo " selected='selected'";
                        }
                        echo ">$n</option>";
                    }
                    echo "</select>";
                    //The Year
                    $todayYear = date("Y",$today);
                    echo "<select name='dateYear'>";
                    for ($n=$todayYear-100;$n<=$todayYear;$n++) {
                        echo "<option value='$n'";
                        if($n == $todayYear) {
                            echo " selected='selected'";
                        }
                        echo ">$n</option>";
                    }
                    echo "</select><br/><br/>";

2 个答案:

答案 0 :(得分:2)

您可以使用php的cal_days_in_month(),它会在日历中返回给定月份和年份的正确数字天数。 您可以在javascript中使用onchange事件作为月份和年份元素。因此,当用户选择月份或年份时,您调用php脚本(通过AJAX),该脚本使用cal_days_in_month()返回该月份和年份的正确天数。然后使用给定的结果更新#daySelect内容。

当然(就像之前建议的那样)jQuery datepicker在这种情况下更好/更容易解决。

答案 1 :(得分:1)

您可以在关联数组中定义月份:array(Jan =&gt; 30,Feb =&gt; 28,...)。通过onChange处理程序将月份选择框链接到JS函数,该函数拉取选择框(Jan,Feb等)的值并将其用作arr中的键。使用数组中的值来添加/减去正确的天数。