使用jQuery在HTML选择菜单上选择生日/出生日期格式

使用jQuery在HTML选择菜单上选择生日/出生日期格式,jquery,date,select-menu,Jquery,Date,Select Menu,我期待有一个标准的HTML选择菜单选择您的出生日期。日、月、年。有人能告诉我正确的方向,根据选择的年份/月份等,使用jQuery来设置正确的月份天数格式吗?有没有插件可以实现这一点,或者我自己怎么写?如果您有任何建议,我们将不胜感激。基本上,您需要三个选择框,分别为日、月、年,并在年和月上选择onchange事件 年和月选择框上的更改需要更新天数,因为天数取决于年和月。要计算给定月份/年份的天数,本文将很有帮助 工作示例 html js jQueryUI库有一个优秀的、高度可定制的小部件,称为日

我期待有一个标准的HTML选择菜单选择您的出生日期。日、月、年。有人能告诉我正确的方向,根据选择的年份/月份等,使用jQuery来设置正确的月份天数格式吗?有没有插件可以实现这一点,或者我自己怎么写?如果您有任何建议,我们将不胜感激。

基本上,您需要三个选择框,分别为日、月、年,并在年和月上选择onchange事件

年和月选择框上的更改需要更新天数,因为天数取决于年和月。要计算给定月份/年份的天数,本文将很有帮助

工作示例

html

js


jQueryUI库有一个优秀的、高度可定制的小部件,称为日期选择器。小部件的页面以及您可以用作参考的代码都可以在此处找到:

您只需在标题中包含jQuery和jQuery UI库,如下所示:

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<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>
然后,创建一个普通文本框:

<input name="Date" id="Date" value="" />
然后使用以下代码初始化日期选择器:

<script type="text/javascript">

    $(function() {
        $("#Date").datepicker({
            changeMonth: true,
            changeYear: true
            });
    };

</script>

我在datepicker小部件上提供的选项允许您轻松跳转到给定的月份/年份,这对于几年前出生的任何人来说都是必需的。

非常感谢,kasper,这太棒了。我注意到的唯一一件事是,当你更改月份时,天数会附加而不是替换?更新了我的答案以消除附加。我刚刚放置了$'days'.html;在updateEnumberOfDays函数的开头。这将删除日期选择框中以前设置的选项。如果不介意的话,请回答一个快速问题,kasper。我有一个PHP变量,用于用户当前生日的月份、日期和年份。在我以前的PHP代码中,我有一些类似于if$bd_day==$day$selected='selected=selected';预先选择加载日期。我将在哪里将此添加到您的代码??
<input name="Date" id="Date" value="" />
<script type="text/javascript">

    $(function() {
        $("#Date").datepicker({
            changeMonth: true,
            changeYear: true
            });
    };

</script>