(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
});