jquery下拉选择生日

(function($){
$.extend({
ms_DatePicker: function (options) {
            var defaults = {
                YearSelector: "#sel_year",
                MonthSelector: "#sel_month",
                DaySelector: "#sel_day",
                FirstText: "请选择",
                FirstValue: 0,
                currentyear: 0,
                currentmonth: 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 nowDate=new Date(), 
            	yearNow = nowDate.getFullYear(),
            	monthNow=nowDate.getMonth()+1,
            	dayNow=nowDate.getDate(),
            	yearSel = $YearSelector.attr("rel"),
				yearStr="";
           
            for (var i = yearNow; i >= 1900; i--) {
				var sed = yearSel==i?"selected":"";
				yearStr+= "<option value=\"" + i + "\" " + sed+">" + i + "</option>";
            }
            $YearSelector.append(yearStr);
            
            // 月份列表
			var monthSel = $MonthSelector.attr("rel");
			BuildMonth();
			function BuildMonth(){
				 if(opts.currentyear==0){
	            	 opts.currentyear=yearNow;
	            }
				 var currentmonth=opts.currentyear==$YearSelector.val()?monthNow:12;
				 var monthStr="";
	            for (var i = 1; i <=currentmonth; i++) {
					var sed = monthSel==i?"selected":"";
	                 monthStr+= "<option value=\"" + i + "\" "+sed+">" + i + "</option>";
	            }
	            $MonthSelector.html(monthStr);
			}
			
            // 日列表(仅当选择了年月)
            function BuildDay() {
                if ($YearSelector.attr("rel") == "" || $MonthSelector.attr("rel") == "") {
                    // 未选择年份或者月份
                    $DaySelector.html(str);
                } else {                 
                    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;
                    }
                    var daySel="";
					if($DaySelector.val()!=0){
						daySel=$DaySelector.val()
					}else{
						daySel=$DaySelector.attr("rel");
					}
                    $DaySelector.html(str);
                    var currentmonth=0;
   				 if(opts.currentmonth==0){
   	            	 opts.currentmonth=monthNow;
   				 }
   				 if(opts.currentday==0){
   					opts.currentday=dayNow;
   				 }
   				 //当前选择的年份是今年,同时月份也是当前月,设置日不能超过初始化的日
   				 if(opts.currentyear==$YearSelector.val()){
   					dayCount=dayNow;
   				 }
   				 var dayStr="";
                    for (var i = 1; i <= dayCount; i++) {
                    	var sed= daySel==i?"selected":"";
						dayStr+= "<option value=\"" + i + "\" "+sed+">" + i + "</option>";
                    }
                    $DaySelector.html(dayStr);
                }
            }
            $MonthSelector.change(function () {
                BuildDay();
            });
            $YearSelector.change(function () {
            	BuildMonth()
                BuildDay();
            });
			if($DaySelector.attr("rel")!=""){
				BuildDay();
			}
        } // End ms_DatePicker
});
})(jQuery);

调用示例:

    $.ms_DatePicker({
            YearSelector: "#select_year", //年id
            MonthSelector: "#select_month",//月id
            DaySelector: "#select_day"  //日id
        });

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值