码迷,mamicode.com
首页 > Web开发 > 详细

jQuery年月日(生日)选择器

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

标签:style   blog   http   io   ar   color   使用   sp   on   

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

标签:style   blog   http   io   ar   color   使用   sp   on   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!