Jquery做的三级日期选择
来源:互联网 发布:淘宝交易规则 编辑:程序博客网 时间:2024/05/16 10:52
还是自己动手丰衣足食!
$(document).ready(function () { MonHead = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31]; //给年下拉框赋内容 var y = new Date().getFullYear(); //后三十年 for (var i = y; i < y + 10; i++) $("<option value='" + i + "'>" + i + "</option>").appendTo($("#YYYY")); $("#YYYY").attr("value", y); //设置当年为当前选中项 //赋月份的下拉框 for (var i = 1; i < 13; i++) $("<option value='" + i + "'>" + i + "</option>").appendTo($("#MM")); var mi = new Date().getMonth() + 1; $("#MM option[value='" + mi + "']").attr('selected', 'true'); //设置当月为当前选中项 var n = MonHead[new Date().getMonth()]; //if (new Date().getMonth() ==1 && IsPinYear(YYYYvalue)) n++; if (new Date().getMonth() == 1 && IsPinYear($("#YYYY").attr("value"))) n++; writeDay(n); //赋日期下拉框 $("#DD").attr("value", new Date().getDate()); //设置当日为当前选中项 //赋小时的下拉框 for (var i = 0; i < 24; i++) $("<option value='" + i + "'>" + i + "</option>").appendTo($("#HH")); var hi = new Date().toLocaleTimeString().substr(0, 2); $("#HH option[value='" + hi + "']").attr("selected", "true"); //设置当前时间为选中项 //赋分钟的下拉框 for (var i = 0; i < 60; i += 5) $("<option value='" + i + "'>" + i + "</option>").appendTo($("#ms")); //年下拉框改变时,判断是否是是闰年,更改二月份的天数 $("#YYYY").change(function () { var MMvalue = $("#MM").val(); if (MMvalue == "") { var e = $("#DD"); optionsClear(e); return; } var n = MonHead[MMvalue - 1]; var str = $(this).attr("value"); if (MMvalue == 2 && IsPinYear(str)) n++; writeDay(n); }) //月发生变化时日期联动 $("#ms").change(function () { var YYYYvalue = $("#YYYY").val(); if (YYYYvalue == "") { var e = $("#DD"); optionsClear(e); return; } var str = $(this).attr("value"); var n = MonHead[str - 1]; if (str == 2 && IsPinYear(YYYYvalue)) n++; writeDay(n) }) function writeDay(n) //据条件写日期的下拉框 { var e = $("#DD"); optionsClear(e); for (var i = 1; i < (n + 1); i++) $("<option value='" + i + "'>" + i + "</option>").appendTo(e); } function IsPinYear(year)//判断是否闰平年 { return (0 == year % 4 && (year % 100 != 0 || year % 400 == 0)); } function optionsClear(e) { e.attr("length", 0); }})
- Jquery做的三级日期选择
- JQuery/JS实现的三级联动选择
- jquery地区选择三级联动
- jquery 选择类似省市县的三级级联
- 弹出提示选择日期,地区,三级联动
- js日期选择年月日三级联动实现
- Jquery 日期选择
- Jquery 日期选择
- Jquery 日期选择控件
- jquery日期选择控件
- JQuery EasyUI 日期控件 控制日期选择区间的方法!
- jquery选择城市、县、区三级联动
- 自己做的一个基于bootstrap3的日期选择框
- 用Vue做一个职业选择或地区选择的三级嵌套组件
- javascript做按钮日期选择
- 城市选择的三级联动
- Jquery日期、时间选择插件
- 仿ios时间,日期选择和三级联动控件
- flex与java--Blazeds学习(配置)
- SBC6300x处理器设备运行Wince6.0直接启动触摸屏校对程序
- 利用GoogleApi根据经纬度查询地名,和根据地名查询经纬度Java代码
- Csharp: ChineseLunisolarCalendar class .
- 七夕在相爱人的眼中也是普通的一天 。
- Jquery做的三级日期选择
- Cookie和Session的区别详解
- 使用opencv和MFC中的类编译时找到一个或多个多重定义的符号解决方案
- Objective-C】iOS开发中常见的语句@synthesize obj=_obj的意义详解
- 6410-linux嵌入式平台搭建
- Ruby on Rails 入门之:(18) ruby线程控制,线程同步
- mt65xx系统预置apk
- PHP mysql 数据库导出后中文乱码
- 解决mysql本地登陆可以,远程登陆不行的问题