Javascript 将7天日历更改为5天日历
我目前正在开发一个7天的日历(sun sat),它非常有效,但我希望添加一个选项,将其更改为5天日历(周一至周五)。我希望我可以改变现有的代码来显示我的日历。你知道我该怎么做吗 日历Javascript 将7天日历更改为5天日历,javascript,html,date,calendar,Javascript,Html,Date,Calendar,我目前正在开发一个7天的日历(sun sat),它非常有效,但我希望添加一个选项,将其更改为5天日历(周一至周五)。我希望我可以改变现有的代码来显示我的日历。你知道我该怎么做吗 日历 calendarString = ''; calendarString += '<table width="100%" height="425" data-role="table" border="1" bordercolor="#c0c0c0" cellpadding="0" cellspacing="0"
calendarString = '';
calendarString += '<table width="100%" height="425" data-role="table" border="1" bordercolor="#c0c0c0" cellpadding="0" cellspacing="0">';
calendarString += '<tr>';
calendarString += '<td bgcolor=\"#DDDDDD\" align=\"center\" valign=\"center\" width=\"40\" height=\"22\">Sun<\/td>';
calendarString += '<td bgcolor=\"#DDDDDD\" align=\"center\" valign=\"center\" width=\"40\" height=\"22\">Mon<\/td>';
calendarString += '<td bgcolor=\"#DDDDDD\" align=\"center\" valign=\"center\" width=\"40\" height=\"22\">Tue<\/td>';
calendarString += '<td bgcolor=\"#DDDDDD\" align=\"center\" valign=\"center\" width=\"40\" height=\"22\">Wed<\/td>';
calendarString += '<td bgcolor=\"#DDDDDD\" align=\"center\" valign=\"center\" width=\"40\" height=\"22\">Thu<\/td>';
calendarString += '<td bgcolor=\"#DDDDDD\" align=\"center\" valign=\"center\" width=\"40\" height=\"22\">Fri<\/td>';
calendarString += '<td bgcolor=\"#DDDDDD\" align=\"center\" valign=\"center\" width=\"40\" height=\"22\">Sat<\/td>';
calendarString += '<\/tr>';
thisDate == 1;
for (var i = 1; i <= 6; i++)
{
calendarString += '<tr>';
for (var x = 1; x <= 7; x++)
{
daycounter = (thisDate - firstDay)+1;
thisDate++;
if ((daycounter > numbDays) || (daycounter < 1))
{
calendarString += '<td align=\"center\" bgcolor=\"#888888\" height=\"30\" width=\"40\"> <\/td>';
}
else
{
if (checkevents(daycounter,monthNum,yearNum,i,x) || ((todaysDay == x) && (todaysDate == daycounter) && (todaysMonth == monthNum)))
{
if ((todaysDay == x) && (todaysDate == daycounter) && (todaysMonth == monthNum))
{
tempweek = i;
tempdayofweek = x;
calendarString += '<td style=\"vertical-align: top;\" bgcolor=\"#AAFFAA\" height=\"30\" width=\"40\" onClick=showevents(' + daycounter + ',' + monthNum + ',' + yearNum + ',' + i + ',' + x + ')>' + daycounter + '<\/td>';
}
else
{
calendarString += '<td style=\"vertical-align: top;\" bgcolor=\"#FFFFC8\" height=\"30\" width=\"40\" onClick=showevents(' + daycounter + ',' + monthNum + ',' + yearNum + ',' + i + ',' + x + ')>' + daycounter + '<div id="amountevent" style="padding-left:5px;max-height:8px; height:8px; width:30px; max-width:30px;white-space: nowrap;">' + displayeventnumber(daycounter, monthNum, yearNum) + '</div><\/td>';
}
}
else
{
calendarString += '<td style=\"vertical-align: top;\" bgcolor=\"#f9f9f9\" height=\"30\" width=\"40\">' + daycounter + '<\/td>';
}
}
}
calendarString += '<\/tr>';
}
calendarString += '<\/table>';
var object=document.getElementById('calendar');
object.innerHTML= calendarString;
thisDate = 1;
calendarString='';
日历字符串+='';
日历字符串+='';
calendarString+='Sun';
日历字符串+='Mon';
calendarString+='Tue';
calendarString+='Wed';
日历字符串+='Thu';
calendarString+='Fri';
calendarString+=“Sat”;
日历字符串+='';
thisDate==1;
对于(var i=1;i来说,一个选项可能是对两种样式使用完全相同的html,但如果用户选择五天日历,则动态隐藏星期日-星期六列。删除
calendarString += '<td bgcolor=\"#DDDDDD\" align=\"center\" valign=\"center\" width=\"40\" height=\"22\">Sun<\/td>';
calendarString += '<td bgcolor=\"#DDDDDD\" align=\"center\" valign=\"center\" width=\"40\" height=\"22\">Sat<\/td>';
calendarString+='Sun';
calendarString+=“Sat”;
改变
for (var x = 1; x <= 7; x++)
for(var x=1;x为什么不在他们的“行”中添加一个weekend
类,然后您可以通过锁定类来隐藏
或显示
。我将如何进行此操作,我需要为函数检测一种方法,以了解这将在哪一天发生?这是我自己第一次尝试,本月它将2月4日星期二显示为2月1日。
for (var x = 2; x <= 6; x++)