首页 > Web开发 > 详细

jQuery年月日(生日)选择器

时间:2014-11-26 16:24:02      阅读:265      评论:0      收藏:0      [点我收藏+]

我们在编辑用户资料时经常会遇到选择生日选项的问题,今天我给大家介绍如何使用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年月日(生日)选择器

原文:http://www.cnblogs.com/helloweba/p/4123343.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!