jquery生日联动

Html

Css

 .demo {
	width:380px;
	margin:10px 0 0 10px;
}
.demo p {
	line-height:40px;
	font-size:16px
}

(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();
             var yearSel = $YearSelector.attr("rel");
             for (var i = yearNow; i >= 1900; i--) {
                 var sed = yearSel == i ? "selected" : "";
                 var yearStr = "<option value=\"" + i + "\" " + sed + ">" + i + "</option>";
                 $YearSelector.append(yearStr);
             }

// 月份列表  
             var monthSel = $MonthSelector.attr("rel");
             for (var i = 1; i <= 12; i++) {
                 var sed = monthSel == i ? "selected" : "";
                 var monthStr = "<option value=\"" + i + "\" " + sed + ">" + 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;
                     }

↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.8.3

立即下载

jquery生日联动



代码描述：jquery时间选择三级联动

0

最新

发表评论全部评论

暂时没有评论！

登录后才可以评论

30秒后在评论吧!

PROMULGATOR

じRご命?相惜つ

相关代码

jquery生日联动

最新