簡(jiǎn)單的項(xiàng)目日歷

比如，有一個(gè)項(xiàng)目日歷是這樣的：星期1、星期3、星期5是工作日，其他是非工作日。

我們需要這樣處理：

//甘特圖項(xiàng)目日歷背景
dataGantt.isWorkingDate = function(date){
var day = date.getDay();
if(day == 1 || day == 3 || day == 5) return true;
else return false;
}

效果圖如下：

這里的關(guān)鍵在于控制Edo.data.DataGantt對(duì)象的isWorkingDate方法返回值，它接受一個(gè)日期參數(shù)，如果范圍true，表示是工作日，甘特圖會(huì)顯示白色背景；如果返回false，表示是非工作日，顯示灰色網(wǎng)格背景。

標(biāo)準(zhǔn)的項(xiàng)目日歷

一個(gè)實(shí)際的項(xiàng)目日歷可能是這樣的：星期六、星期日是非工作日，其他星期天是工作日；可以定義一個(gè)日期范圍為工作日，也可以把以人日期范圍定義為非工作日。

我們來處理這樣一個(gè)項(xiàng)目日歷，代碼如下：

//定義一個(gè)項(xiàng)目日歷數(shù)據(jù)對(duì)象,規(guī)定了一些基本工作日與非工作日范圍
/*
type: 1為通用日期,0為例外日期
work: 1工作日,0非工作日
day: 星期日 0, 星期一 1... 星期六 6
*/
var Calendar = [
{type: 1,work: 0,day: 0}, //星期日:非工作日
{type: 1,work: 1,day: 1},
{type: 1,work: 1,day: 2},
{type: 1,work: 1,day: 3},
{type: 1,work: 1,day: 4},
{type: 1,work: 1,day: 5},
{type: 1,work: 0,day: 6}, //星期六:非工作日
//從 2009年1月28日 到 2009年2月1號(hào)為非工作日
{type: 0,work: 0,start: new Date(2009, 0, 28),finish: new Date(2009, 1, 1)},
//從 2009年2月38 到 2009年2月18號(hào)為工作日
{type: 0,work: 1,start: new Date(2009, 1, 8),finish: new Date(2009, 1, 18)}
]
dataGantt.isWorkingDate = function(date){
var day = date.getDay();
var time = date.getTime();

//先處理是否包含在例外日期中(例外日期優(yōu)先級(jí)高)
for(var i=0,l=Calendar.length; i<l; i++){
var d = Calendar[i];
//如果包含在例外日期范圍中
if(d.type == 0 && time >= d.start.getTime() && time <= d.finish.getTime()){
return d.work;
}
}
//后處理通用星期天邏輯
for(var i=0,l=Calendar.length; i<l; i++){
var d = Calendar[i];
//如果星期天一樣
if(d.type == 1 && d.day == day){
return d.work;
}
}
}

效果圖如下：

本教程給出了一個(gè)規(guī)范的項(xiàng)目日歷數(shù)據(jù)結(jié)構(gòu)，用戶可以擴(kuò)展這個(gè)項(xiàng)目日歷數(shù)據(jù)結(jié)構(gòu)，為其構(gòu)建一個(gè)項(xiàng)目日歷調(diào)節(jié)設(shè)置面板，從而達(dá)到修改甘特圖日歷背景的目的。

了解更多信息,請(qǐng)登錄網(wǎng)站:

http://www.edogantt.com

http://www.edogantt.com/zh_cn/edogantt.html

http://www.edogantt.com/zh_cn/dynamicgantt.html

http://www.edogantt.com/zh_cn/edoproject.html

http://www.edogantt.com/zh_cn/examples/calendar.html

轉(zhuǎn)載于:https://www.cnblogs.com/elise/archive/2010/04/29/1723726.html

總結(jié)

以上是生活随笔為你收集整理的强大js web甘特图制作之甘特图的日历的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。