{ events.desc }
\n \n }\n}\n\n\n {\n // step:5 //在day视图和week视图中每个时间段的间隔，一单位为8分钟，即 step:{5}，每次时间间隔40分钟；默认为1小时\n // ,timeslots:2 //每次时间间隔中的分段，默认为2段,一段30分钟\n defaultView:'month' //默认视图页\n ,culture:'zh-CN' //zh-CN 中文 en 英文，默认中文\n ,date:new Date(2015, 3, 12)\n ,scrollToTime:new Date(1970, 1, 1, 6)\n ,rtl:false //日历的格局，默认为false，从左到右\n ,components:{ // 日期视图头部显示的组件\n // day: {header: block},\n // week: {header: block},\n // month: {header: block},\n // event: Event,\n // agenda: {\n // event: EventAgenda\n // },\n rightView:RightView, //日历右侧自定义组件\n toolBarRightView:ToolBarRightView, //工具栏右侧自定义组件\n dateCellAttr:dateCellAttr, //月视图下，日期格子中 自定义属性组件\n }\n ,selectable:true // true , false , 'ignoreEvents'\n ,onSelectEvent:(value,event)=>{\n //点击日程事件\n console.log(value)\n console.log(event.target)\n }\n ,onSelectAttr:(value,event,backEvent)=>{\n //点击属性\n console.log(value)\n console.log(event.target)\n console.log(backEvent)\n }\n ,onSelectSlot:(slotInfo)=>{\n //点击日期格或选择多日期\n // console.log(`selected slot: \\n\\nstart ${slotInfo.start.toLocaleString()} ` +\n // `\\nend: ${slotInfo.end.toLocaleString()}`)\n // console.log(slotInfo)\n console.log(slotInfo)\n }\n ,onSelectView:(value)=>{\n //改变视图日期时，如选择周，选择月时\n console.log(value)\n }\n ,onDropEvent:(value)=>{\n //拖拽Event后抛出的值\n console.log(value)\n }\n ,eventPropGetter:(event,start,end,isSelected)=>{return {className:\"aaaaaaa\",style:{}}} //为event添加className和style\n ,popup:true //点击日程中的更多是否显示弹窗\n ,dropable:true //日程是否可拖拽\n ,showLunarDay:true //显示农历\n ,showEvents:true //显示所有事件， 默认为true\n ,showAttrs:true //显示所有属性, 默认为true\n ,showRightView:true //显示右侧区域，包括日期和自定义组件，默认为false\n ,toolbar:true //是否显示顶部工具栏\n ,showToolBarComponent:{\n timeTitle:false,\n monthBtn:true,\n weekBtn:true,\n dayBtn:true,\n dropYearBtn:true,\n dropMonthBtn:true,\n todayBtn:true,\n showLegend:true //展示头部工具栏的图例，默认为true\n }\n ,showWeekendBgColor:false //是否显示月视图中周六日的默认背景色，默认为true\n ,clickEnable:{ //是否可点击\n monthViewDay:true //月视图中的日期是否可点击（默认为true,点击后会跳转到日视图）\n }\n ,messages:{ //配置汉化\n allDay: '全天',\n week: '周',\n day: '日',\n month: '月',\n today: '今天',\n agenda: '日程',\n legend:'图例',\n }\n ,commonStyle:{ //用于渲染属性的颜色和示例,和节日attribute相对应\n work:{\n 'title':\"计划\",\n 'font':\"#3E4E59\",\n 'backGround':\"#41b0d9\",\n 'isShow':true //是否在图例中展示\n },\n rest:{\n 'title':\"活动\",\n 'font':\"#3E4E59\",\n 'backGround':\"#ED5858\",\n 'isShow':true\n },\n festival:{\n \"title\":\"节日\",\n 'font':\"#ED5858\",\n 'backGround':\"#F5D540\",\n 'isShow':false\n }\n }\n ,attribute:[\n {\n \"id\":\"1\"\n ,\"title\":\"公休日\"\n ,\"commonStyle\":\"work\" //用于获取公共颜色\n ,\"time\":new Date(2015, 2, 29)\n ,\"position\": \"center-label\"\n // \"top-right-incliend\" //上面右侧斜标签\n // \"top-left-incliend\" 上面左侧斜标签（未实现）\n // \"top-left-label\" 上方左侧label，和农历互斥\n // \"top-right-label\" 上方右侧label，和农历互斥\n // \"center-label\" 中层label\n ,\"color\":{ //可没有，优先级最高\n 'font':\"#F28D49\",\n 'backGround':\"#00000\"\n }\n },\n {\n \"id\":\"2\"\n ,\"title\":\"清明节\"\n ,\"commonStyle\":\"festival\" //为了获取commonStyle\n ,\"position\": \"top-right-label\"\n ,\"time\":new Date(2015, 3, 5)\n ,\"color\":{ //可没有，优先级最高\n 'font':\"#ED5858\",\n 'backGround':\"#00000\"\n }\n },\n {\n \"id\":\"3\"\n ,\"title\":\"工作日\"\n ,\"commonStyle\":\"work\" //为了获取commonStyle\n ,\"position\": \"center-label\"\n ,\"time\":new Date(2015, 3, 0)\n ,\"color\":{ //可没有，优先级最高\n 'font':\"#38BA72\",\n 'backGround':\"#00000\"\n }\n },{\n \"id\":\"4\"\n ,\"title\":\"工作日\"\n ,\"commonStyle\":\"work\"\n ,\"position\": \"top-right-label\"\n ,\"time\":new Date(2015, 3, 1)\n ,\"color\":{\n 'font':\"#38BA72\",\n 'backGround':\"#00000\"\n }\n },{\n \"id\":\"5\"\n ,\"title\":\"休息日\"\n ,\"commonStyle\":\"rest\"\n ,\"time\":new Date(2015, 3, 2)\n ,\"color\":{\n 'font':\"#ED5858\",\n 'backGround':\"#00000\"\n }\n },{\n \"id\":\"6\"\n ,\"title\":\"工作日\"\n ,\"commonStyle\":\"work\"\n ,\"time\":new Date(2015, 3, 4)\n ,\"color\":{\n 'font':\"#ED5858\",\n 'backGround':\"#00000\"\n }\n }\n\n ]\n ,\"events\":[\n {\n 'id':\"1\",\n 'title': 'All Day Event',\n 'start': new Date(2015, 3, 0), //或者 Tue Mar 31 2015 00:00:00 GMT+0800 (CST)\n 'end': new Date(2015, 3, 1),\n 'commonStyle':'rest',\n 'color' : {\n 'font':\"#3E4E59\",\n 'backGround':\"#41b0d9\"\n },\n 'desc': 'Big conference for important people'\n },\n {\n 'id':\"2\",\n 'title': 'Long Event',\n 'start': new Date(2015, 3, 7),\n 'end': new Date(2015, 3, 10),\n 'commonStyle':'rest',\n 'color' : {\n 'font':\"#3E4E59\",\n 'backGround':\"#41b0d9\"\n }\n },\n\n {\n 'id':\"3\",\n 'title': 'DTS STARTS',\n 'start': new Date(2016, 2, 13, 0, 0, 0),\n 'end': new Date(2016, 2, 20, 0, 0, 0),\n 'type':'rest', /// work rest\n 'color' : {\n 'font':\"#3E4E59\",\n 'backGround':\"#ED5858\"\n },\n },\n\n {\n 'id':\"4\",\n 'title': 'DTS ENDS',\n 'start': new Date(2016, 10, 6, 0, 0, 0),\n 'end': new Date(2016, 10, 13, 0, 0, 0),\n 'color' : {\n 'font':\"#3E4E59\",\n 'backGround':\"#41b0d9\"\n },\n },\n\n {\n 'id':\"5\",\n 'title': 'Some Event',\n 'start': new Date(2015, 3, 9, 0, 0, 0),\n 'end': new Date(2015, 3, 9, 0, 0, 0)\n ,'color' : {\n 'font':\"#3E4E59\",\n 'backGround':\"#ED5858\"\n }\n },\n {\n 'id':\"6\",\n 'title': 'Conference',\n 'start': new Date(2015, 3, 11),\n 'end': new Date(2015, 3, 13),\n desc: 'Big conference for important people'\n ,'color' : {\n 'font':\"#3E4E59\",\n 'backGround':\"#ED5858\"\n }\n },\n {\n 'id':\"7\",\n 'title': 'Meeting',\n 'start': new Date(2015, 3, 12, 10, 30, 0, 0),\n 'end': new Date(2015, 3, 12, 12, 30, 0, 0),\n desc: 'Pre-meeting meeting, to prepare for the meeting',\n 'color' : {\n 'font':\"#3E4E59\",\n 'backGround':\"#ED5858\"\n },\n },\n {\n 'id':\"8\",\n 'title': 'Lunch',\n 'start':new Date(2015, 3, 12, 12, 0, 0, 0),\n 'end': new Date(2015, 3, 12, 13, 0, 0, 0),\n desc: 'Power lunch',\n 'color' : {\n 'font':\"#3E4E59\",\n 'backGround':\"#41b0d9\"\n },\n },\n {\n 'id':\"9\",\n 'title': 'Meeting啊啊啊',\n 'start':new Date(2015, 3, 12,14, 0, 0, 0),\n 'end': new Date(2015, 3, 12,15, 0, 0, 0),\n 'color' : {\n 'font':\"#3E4E59\",\n 'backGround':\"#41b0d9\"\n },\n },\n {\n 'id':\"9\",\n 'title': '科科科科',\n 'start':new Date(2015, 3, 12, 12, 30, 0, 0),\n 'end': new Date(2015, 3, 12, 13, 30, 0, 0),\n 'color' : {\n 'font':\"#3E4E59\",\n 'backGround':\"#41b0d9\"\n },\n },\n {\n 'id':\"10\",\n 'title': 'Happy Hour',\n 'start':new Date(2015, 3, 12, 17, 0, 0, 0),\n 'end': new Date(2015, 3, 12, 17, 30, 0, 0),\n desc: 'Most important meal of the day'\n ,'color' : {\n 'font':\"#3E4E51\",\n 'backGround':\"#F5D540\"\n },\n },\n {\n 'id':\"11\",\n 'title': 'Dinner',\n 'start':new Date(2015, 3, 12, 20, 0, 0, 0),\n 'end': new Date(2015, 3, 12, 21, 0, 0, 0),\n 'color' : {\n 'font':\"#3E4E59\",\n 'backGround':\"#F5D540\"\n },\n },\n {\n 'id':\"12\",\n 'title': 'Birthday Party',\n 'start':new Date(2015, 3, 13, 7, 0, 0),\n 'end': new Date(2015, 3, 13, 10, 30, 0),\n 'color' : {\n 'font':\"#3E4E59\",\n 'backGround':\"#F5D540\"\n },\n }\n ] //日历上的日程事务\n }\n\n