在angularjs上的UI日历定期事件
问题描述:
我试图在Angular UI日历上实现循环频率,但仍然没有得到任何角度插件。我需要帮助创建周期性事件。如果您可以请给任何参考插件或指令来创建周期性事件。在angularjs上的UI日历定期事件
我UI的日历从这里calendar downloaded link
在此先感谢!
答
我利用了事实,即在日历的视图开关上,Arshaw日历可以使用事件功能(http://fullcalendar.io/docs/event_data/events_function/)。
首先将服务中重复事件的阵列组装成阵列的7插槽阵列,每周的每一天一个插槽。把它放在范围内。然后,当您打开或切换日历视图时,从函数的开始日期到结束日期进行迭代,并插入与您的重复类型相匹配的事件。
function eventFunction(start, end, timezone, callback) {
var events = [];
for(var date = start; date <= end; date.setTime(date.getTime() + MS_PER_DAY)){
_.forEach($scope.calendar.repeating[date.getDay()], function(repeater){
var repeaterStart = date.getTime() + // date
repeater.start - new Date(repeater.start).setHours(0,0,0,0); // time
events.push({ _id: repeater.id, start: new Date(repeaterStart), title: repeater.headline})
})
}
callback(events);
}