Jquery Calendar 排班組件是一個幫助企業或組織管理員工排班的工具。通過該組件,管理員可以很容易地創建日歷,指定工作時間和工作人員,以及顯示休假或假期等信息。
$(document).ready(function(){ $('#calendar').fullCalendar({ header: { left: 'prev,next today', center: 'title', right: 'month,agendaWeek,agendaDay' }, editable: true, events: [{ title: '工作', start: '2019-08-12T10:00:00', end: '2019-08-12T17:00:00', color: '#378006' }, { title: '休息', start: '2019-08-13', end: '2019-08-15', color: '#999999' }, { title: '會議', start: '2019-08-16T11:00:00', end: '2019-08-16T12:30:00', color: '#8F1C1C' }] }); });
在上面的代碼中,我們首先使用$(document).ready()函數來確保頁面加載完成后再執行功能。然后,我們使用fullCalendar()函數來創建一個新的日歷,并指定一些基本選項。
其中,header選項用來設置頭部菜單,包括前一天和后一天、當天、月視圖、周視圖和日視圖等選項;editable選項用來決定日歷中的事件是否可編輯;events選項用來指定日歷中已有的事件。在這里,我們通過title、start和end屬性來創建事件,還通過color屬性來設置事件的顏色。
總的來說,使用Jquery Calendar 排班組件可以幫助管理員更好地管理員工排班,提高組織效率和員工滿意度。