2013-04-17 138 views
3

我'嘗試禁用完整的日曆週末的變化的背景,但此選項週末:假完整的日曆:週末

var calendar = $('#calendar').fullCalendar({ 

    header: { 

     left: 'prev,next today', 
     center: 'title', 
     right: 'month,agendaWeek,agendaDay' 
      }, 

    weekends: false, 
    ........}); 

刪除日曆週末或我要禁用只有兩天的變化背景顏色,並使其無法選擇。
我該怎麼辦? 感謝您的幫助

回答

10

如果我理解正確你的問題,你想:用不同的顏色

  1. 顯示週末結束
  2. 知道如果那天是週末一天

第一點,您可以使用CSS規則來設置週末元素的風格:

.fc-sat, .fc-sun { 
    background-color: red !important; 
} 

第二點,您可以檢查選定的日期是否爲一週結束,並按您的意願行事。 可以以這種方式使用dayClickhttp://arshaw.com/fullcalendar/docs/mouse/dayClick/)事件:

dayClick: function (date, allDay, jsEvent) { 
    var checkDay = new Date($.fullCalendar.formatDate(date, 'yyyy-MM-dd')); 
    if (checkDay.getDay() == 6 || checkDay.getDay() == 0) alert('Weekend!'); 
} 

不能禁用的一天,因爲FullCalendar不是一個日期選擇器,所以你不能「禁用」,但你可以處理你想要的一切。

這裏是工作提琴:http://jsfiddle.net/IrvinDominin/qLUFg/1/

+0

非常感謝歐文Dominin :) –

+0

@Takwach歡迎你! –

+1

請記住,在某些文化中,星期不會在星期天開始,所以在英國(例如星期一從星期一開始),您將檢查5和6,而不是6和0.這當然,有點古怪,這就是爲什麼在FullCalendar上有'firstDay'選項,這是依賴於文化的。見http://fullcalendar.io/docs/display/firstDay/ –