dhtmlx+lotusscript周视图课程.docVIP

本视图分了两部分,一部分是上面的日期显示和日历显示,另一部分是显示一周中每天的日程 第一部分主要用js和dhtmlx的calendar控件做日历的,具体代码如下link rel=STYLESHEET type=text/css href=/resources/controls/dhtmlx/dhtmlxCalendar/dhtmlxcalendar.cssscript src=/resources/controls/dhtmlx/grid/dhtmlxcommon.js/scriptscript src=/resources/controls/dhtmlx/dhtmlxCalendar/dhtmlxcalendar.js/script 上面部分是引用dhtmlx的文件,下面是js通过url参数(如果没则显示当前日期)显示具体是哪个日期以及绑定用户点击日历的触发事件代码var oldyear,oldmonth,oldday;var mDCal,mDCal1;var thetime = new Date();//取得当前时间var thisYear = thetime.getYear();//取得下个月(getMonth是以0开始),所以+2var thisMonth = thetime.getMonth()+2;if (thisMonth == 13){thisYear = thisYear + 1;thisMonth = 1;}//取得当月是几号var thisDay = thetime.getDate();//设置日历格式(//var alltimes = thisMonth+/+thisDay+/+thisYear;window.dhx_globalImgPath=/resources/controls/dhtmlx/dhtmlxCalendar/imgs;//创建日历window.onload = function(){mDCal = new dhtmlxCalendarObject(dhtmlxDblCalendar,false,{?? isYearEditable:true,?? isMonthEditable:true});//设置时间范围mDCal.setYearsRange(1990,2050);//设置时间mDCal.attachEvent(onClick,dayChange);mDCal.options.weekstart = 1;mDCal.draw();mDCal1 = new dhtmlxCalendarObject(dhtmlxDblCalendar1,false,{?? isYearEditable:true,?? isMonthEditable:true});mDCal1.setYearsRange(1990,2050);//添加事件mDCal1.attachEvent(onClick,dayChange);mDCal1.options.weekstart = 1;mDCal1.draw();dayChanges(new Date());} //加载日期function dayChanges(date){var thistime2;var urls = window.location.href + ;var urlday = getParam(urls,day);var urlyear = getParam(urls,year);var urlmonth = getParam(urls,month);if (urlyear != urlmonth != urlday != ){?? thistime2 = new Date();?? thistime2.setYear(urlyear);?? thistime2.setMonth(urlmonth-1);?? thistime2.setDate(urlday);?? //mDCal1.setDate((urlmonth+1)+/+urlday+/+urlyear);}else{?? thistime2 = new Date(date);}var theYear = thistime2.getYear();var theMonth = thistime2.getMonth() + 1;var theDay = thistime2.getDate();mDCal.setDate(theMonth+/+theDay+/+theYear);mDCal1.setDate((theMonth+1) + / + theDay