1

我正在我的 Angular js 应用程序中实现 UI 日历。我已成功在页面上添加了日历。但我想将该事件添加到议程周日历并将该数据保存到数据库中。

我的代码实现是

HTML

<div ui-calendar="uiConfig.calendar" data-ng-model="eventSources">
                            </div>

JS

    $scope.eventSources = [];
    $scope.uiConfig = {
        calendar: {
            defaultView: 'agendaWeek',
            height: 450,
            editable: true,
            header: {
                left: '',
                center: 'title',
                right: 'prev,next'
            },
            eventClick: $scope.alertEventOnClick,
            eventDrop: $scope.alertOnDrop,
            eventResize: $scope.alertOnResize
        }
    };

请任何人帮助我实施事件实施

4

1 回答 1

0

您已经在文档中很好地描述了所有完整的日历。

例如，您可以像这样实现eventClick：

当用户单击日历中的某一天时，显然会触发此方法。在那里，您可以根据从 eventClick 方法获得的属性创建一个事件源对象。

function eventClick(calEvent, jsEvent, view) {
    var tempEventSource = {events: [{
        title: calEvent.title,
        start: calEvent.start.format('YYYY-MM-DD'),
        end: calEvent.end.format('YYYY-MM-DD'),
        className: calEvent.className[0]
    }]};
    var newEvent = tempEventSource.events[0];
    eventService.saveEvent(newEvent).then(function(event) {
        tempEventSource.events[0].eventid = event.id;
        uiCalendarConfig.calendars['your_calendar'].fullCalendar('addEventSource', tempEventSource);
    });
}

请注意，您会通过将 uiCalendarConfig 注入控制器中来获取它：

function CalendarController(eventService, uiCalendarConfig)
于 2016-10-13T19:46:17.017 回答