jQuery实现select标签的生日选择器
来源:互联网 发布:增值税算法举例说明 编辑:程序博客网 时间:2024/05/22 16:29
HTML添加三个年月日selector:
<div class="birthday"> <select name="year" id="year" onchange="getDays()"></select> <select name="month" id="month" onchange="getDays()"></select> <select name="day" id="day""></select></div>
onchange="getDays()"当select的值发生变化时执行getDays函数,通过这个方式获得当前year和month两个select的值,然后设置对应的day selector的options选项
js部分:
<script type="text/javascript"> $(document).ready(function(){ var date=new Date();//创建日期对象 var year=date.getFullYear();//获取当前年份 for(var i=year-100;i<=year;i++){//在id为year的selector附加option选项 $("#year").append("<option value=\""+i+"\">"+i+"</option>");//append函数附加html到元素结尾处 } for(var i=1;i<=12;i++){ $("#month").append("<option value=\""+i+"\">"+i+"</option>");//为Id为month的selector附加option选项 } getDays($("#month").val(),$("#year").val());执行函数getDays(),传参year和month,初始化day selector }); function getDaysInMonth(month,year){//年月对应的日数算法 var days; if (month==1 || month==3 || month==5 || month==7 || month==8 || month==10 || month==12) { days=31;//固定31 }else if (month==4 || month==6 || month==9 || month==11){ days=30;//固定30 }else{ if ((year%4 == 0 && year%100 != 0) || (year%400 == 0)) { //排除百年,每四年一闰;每四百年一闰; days=29; //闰年29 }else { days=28; //平年28 } } return days;//返回该年月的日数 } function getDays(){ var year = $("#year").val();//year selector onchange="getDays()"动态获取用户选择的year值 var month = $("#month").val();//month selector onchange="getDays()"动态获取用户选择的month值 var days = getDaysInMonth(month,year);//调用算法函数计算对应年月的日数 $("#day").empty();//调用empty()函数清空day selector options,然后再append函数往day selector添加options for(var i=1;i<=days;i++){ $("#day").append("<option value=\""+i+"\">"+i+"</option>"); } }</script>
阅读全文
0 0
- jQuery实现select标签的生日选择器
- jQuery select年月日(生日)选择器
- jQuery select年月日(生日)选择器
- UICollectionView实现的标签选择器
- jquery select 选择器
- jquery选择器选择select
- jQuery的标签选择器(1)
- 使用jquery制作日历(生日)选择器
- jquery实现的日期选择器
- jquery选择器的实现原理
- jquery标签选择器-备忘
- jQuery标签选择器使用
- JQuery 禁用所有select标签的值
- jquery对select标签的操作
- JQuery 绑定select标签的onchange事件
- JQuery学习-获取select标签的值
- JQuery 绑定select标签的onchange事件
- Jquery 操作 radio ,select 标签的操作
- Threadlocal
- 超体聚类+LCCP实现
- 隐马尔可夫模型(hidden Markov model, HMM)
- (笔记)一个很牛逼的framework博客
- 云星数据---Scala实战系列(精品版)】:Scala入门教程025-Scala实战源码-Scala 的特质 (接口)01
- jQuery实现select标签的生日选择器
- 苹果被拒 4.3,和它的10种解决办法!
- Javase—OOP基本说明2
- 写一个自动录制APP启动视频的多线程脚本
- Asp.net(c#)导出有表格线的Excel
- kindEditor的Bug
- 关于看雪安全峰会--web小萌新的内心独白
- linux centos 入门(二)
- java --HashMap底层原理解读