HTML部分 <li> <label class="label"><span class="star">*</span>生日:</label> <select class="sel_year"> </select>年 <select class="sel_month"> </select>月 <select class="sel_day"> </select>日 </li> 使用方法: <script type="text/javascript"> $(function () { // 出生年月插件 $.ms_DatePicker({ YearSelector: ".sel_year", MonthSelector: ".sel_month", DaySelector: ".sel_day" }); }); </script> 插件代码: (function($){ $.extend({ ms_DatePicker: function (options) { var defaults = { YearSelector: "#sel_year", MonthSelector: "#sel_month", DaySelector: "#sel_day", FirstText: "--", FirstValue: 0 }; var opts = $.extend({}, defaults, options); var $YearSelector = $(opts.YearSelector); var $MonthSelector = $(opts.MonthSelector); var $DaySelector = $(opts.DaySelector); var FirstText = opts.FirstText; var FirstValue = opts.FirstValue; // 初始化 var str = "<option value=\"" + FirstValue + "\">" + FirstText + "</option>"; $YearSelector.html(str); $MonthSelector.html(str); $DaySelector.html(str); // 年份列表 var yearNow = new Date().getFullYear(); for (var i = yearNow; i >= 1900; i--) { var yearStr = "<option value=\"" + i + "\">" + i + "</option>"; $YearSelector.append(yearStr); } // 月份列表 for (var i = 1; i <= 12; i++) { var monthStr = "<option value=\"" + i + "\">" + i + "</option>"; $MonthSelector.append(monthStr); } // 日列表(仅当选择了年月) function BuildDay() { if ($YearSelector.val() == 0 || $MonthSelector.val() == 0) { // 未选择年份或者月份 $DaySelector.html(str); } else { $DaySelector.html(str); var year = parseInt($YearSelector.val()); var month = parseInt($MonthSelector.val()); var dayCount = 0; switch (month) { case 1: case 3: case 5: case 7: case 8: case 10: case 12: dayCount = 31; break; case 4: case 6: case 9: case 11: dayCount = 30; break; case 2: dayCount = 28; if ((year % 4 == 0) && (year % 100 != 0) || (year % 400 == 0)) { dayCount = 29; } break; default: break; } for (var i = 1; i <= dayCount; i++) { var dayStr = "<option value=\"" + i + "\">" + i + "</option>"; $DaySelector.append(dayStr); } } } $MonthSelector.change(function () { BuildDay(); }); $YearSelector.change(function () { BuildDay(); }); } // End ms_DatePicker }); })(jQuery);
相关推荐
jQuery插件:可拖动的图片展示实例(效果超酷) jQuery插件:可拖动的图片展示实例(效果超酷)
jQuery插件之三:日期选择器DatePicker jQuery插件之三:日期选择器DatePicker jQuery插件之三:日期选择器DatePicker
jQuery插件:警告-确认-提示弹出对话框效果_jquery_alert_dialogsjQuery插件:警告-确认-提示弹出对话框效果_jquery_alert_dialogsjQuery插件:警告-确认-提示弹出对话框效果_jquery_alert_dialogs
JQuery插件:alert、confirm、prompt对话框插件
jQuery手机端出生年月日选择代码是一款触屏点击输入框遮罩弹出出生年月日日期选择代码。
jQuery移动端出生年月日选择插件,jQuery移动端出生年月日选择插件,jQuery移动端出生年月日选择插件
优秀jQuery插件:增强网站吸引力.pdf
datepicker时间插件,多种选择方式,年月日,时分秒,区间范围,单个以及多个选择
jQuery圆角插件:jquery.corners.js
来自James Smith (http://loopj.com)一个JQuery 插件 我对该插件进行了加强化 可以看我的博客 http://hi.baidu.com/hjzheng/blog/item/afc83748d77aaae183025c6d.html
jquery出生信息年月日选择插件timeData下载
jQuery多功能年月日星期时间特效插件下载
这是本人发布的第一个jquery插件,有什么意见可以提,我csdn博客里有使用说明.
jquery 插件 颜色选择器 可以兼容浏览器
更新日志2012-05-05: 修复了几个bug: 1,iframe在没有指定宽和高时默认全屏的bug 2,当iframe隐藏时的错误显示效果 3,当iframe以tab标签的方式显示时,由于tab标签切换执行也需要一段时间,造成的获取的iframe的...
jqplot是一个十分强大的jQuery绘制图表的插件,支持折线图、柱状图、饼图等等多种形态。
只选择年月的jquery插件 只选年月 用法:引用js css $ "#dd" simpleCanleder ;
源代码 博文链接:https://ioryioryzhan.iteye.com/blog/231257
通用年月日下拉联动插件,引入简单,通过该插件,可以给年,月,日下拉列表赋值,也可以自己设置初始值,年月日三级联动