首页 > 代码库 > jQuery年月日(生日)选择器

jQuery年月日(生日)选择器

我们在编辑用户资料时经常会遇到选择生日选项的问题,今天我给大家介绍如何使用js来实现年月日(生日)选择器,能够准确计算闰年的年月日,方便表单处理。

HTML

生日中的年月日以<select>下拉方式,我们给每个select加个rel属性,当已知用户生日日期的,直接通过rel属性标注,插件会将rel属性值转换成select的值。

 
<label> 生日:</label>  <select class="sel_year" rel="2000"> </select><select class="sel_month" rel="2"> </select><select class="sel_day" rel="14"> </select>
 

加载jQuery库和选择器插件:

 
<script src="jquery.js"></script> <script src="birthday.js"></script> 

jQuery

我们将选择器封装成jQuyer插件的形式,只需使用以下方式调用即可:

 
$(function () {     $.ms_DatePicker({             YearSelector: ".sel_year",             MonthSelector: ".sel_month",             DaySelector: ".sel_day"     }); }); 
点击这里查看在线演示

点击这里下载源码

jQuery年月日(生日)选择器