jQuery写的日历(包括日历的样式及功能)

2020-05-17 06:18:03易采站长站整理

for(i = 0; i < 7; i++)
{
str += ‘<td Author=”alin_bar”>’ + day[i] + ‘</td>n’;
}
str += ‘</tr></table>’;
return str;
}
Calendar.prototype.getYearMenu = function(year)
{
var str = ‘<table Author=”alin” cellSpacing=”0″ class=”cdrMenu” cellPadding=”0″>n’;
for(i = 0; i < 10; i++)
{
var _year = year + i;
var _date = new Date(_year,this.date.getMonth(),this.date.getDate());
str += ‘<tr Author=”alin” align=”center”><td Author=”alin” width=”13%” height=”16″ ‘;
if(this.date.getFullYear() != _year)
{
str += ‘onmouseover=”this.className=’menuOver'” onmouseout=”this.className=’'” ‘;
}
else
{
str += ‘class=”menuOver”‘;
}
str += ‘onclick=”‘ + this.Obj + ‘.bindDate(” + _date.toFormatString(“-“) + ‘’)”>’ + _year + ‘年</td>n’;
str += ‘</tr>’;
}
str += ‘<tr Author=”alin” align=”center”><td Author=”alin”><table Author=”alin” style=”font-size:12px;width:100%;” cellSpacing=”0″ cellPadding=”0″>n’;
str += ‘<tr Author=”alin” align=”center”><td Author=”alin” onmouseover=”this.className=’menuOver'” onmouseout=”this.className=’'” onclick=”‘+this.Obj+’.getYearMenu(‘+ (year – 10) + ‘)”><<</td>n’;
str += ‘<td Author=”alin” onmouseover=”this.className=’menuOver'” onmouseout=”this.className=’'” onclick=”‘+this.Obj+’.getYearMenu(‘+ (year + 10) +’)”>>></td><tr>n’;
str += ‘</table></td></tr>n’;
str += ‘</table>’;
var _menu = getObjById(“cdrMenu”);
_menu.innerHTML = str;
};
Calendar.prototype.getMonthMenu = function()
{
var str = ‘<table Author=”alin” cellSpacing=”0″ class=”cdrMenu” cellPadding=”0″>n’;
for(i = 1; i <= 12; i++)
{
var _date = new Date(this.date.getFullYear(),i-1,this.date.getDate());
str += ‘</tr><tr Author=”alin” align=”center”><td Author=”alin” height=”16″ ‘;
if(this.date.getMonth() + 1 != i)
{
str += ‘onmouseover=”this.className=’menuOver'” onmouseout=”this.className=’'” ‘;
}
else
{
str += ‘class=”menuOver”‘;