带图片的日历html,HTML漂亮的日历插件

CreateCalendar: function(y, m, d) {

$dayItem = $("

//获取当前月份的天数

var nowDate = new Date();

if(y==nowDate.getFullYear()&&m==nowDate.getMonth() 1||(y==0&&m==0))

$(".currentDay").hide();

var nowYear = y == 0 ? nowDate.getFullYear() : y;

this.currentYear = nowYear;

var nowMonth = m == 0 ? nowDate.getMonth()   1 : m;

this.currentMonth = nowMonth;

var nowDay = d == 0 ? nowDate.getDate() : d;

$(".selectYear").html(nowYear   "年");

$(".selectMonth").html(nowMonth   "月");

var nowDaysNub = this.CalculateMonthDays(nowMonth, nowYear);

//获取当月第一天是星期几

//var weekDate = new Date(nowYear "-" nowMonth "-" 1);

//alert(ss.getDay());

var nowWeek = parseInt(this.CalculateWeek(nowYear, nowMonth, 1));

//var nowWeek=weekDate.getDay();

//获取上个月的天数

var lastMonthDaysNub = this.CalculateMonthDays((nowMonth - 1), nowYear);

if (nowWeek != 0) {

//生成上月剩下的日期

for (var i = (lastMonthDaysNub - (nowWeek - 1)); i < lastMonthDaysNub; i  ) {

$dayItem.append("

"   (i   1)   "

");

}

}

//生成当月的日期

for (var i = 0; i < nowDaysNub; i  ) {

if (i == (nowDay - 1)) $dayItem.append("

"   (i   1)   "

");

else $dayItem.append("

"   (i   1)   "

");

}

//获取总共已经生成的天数

var hasCreateDaysNub = nowWeek   nowDaysNub;

//如果小于42，往下个月推算

if (hasCreateDaysNub < 42) {

for (var i = 0; i <= (42 - hasCreateDaysNub); i  ) {

$dayItem.append("

"   (i   1)   "

");

}

}

return $dayItem;

},

CSS: function() {

var itemPaddintTop = $(".dayItem").height() / 6;

$(".item").css({

"width": $(".week").width() / 7   "px",

"line-height": itemPaddintTop   "px",

"height": itemPaddintTop   "px"

});

$(".currentItem>a").css("margin-left", ($(".item").width() - 25) / 2   "px").css("margin-top", ($(".item").height() - 25) / 2   "px");

},