全日历的“今天”中的“自定义业务逻辑”按钮

Question

我正在使用Angular JS和FullCalendar控件来满足我的要求之一。

我在Angular JS中完整日历的代码如下：-

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

$scope.uiConfig = {
                calendar: {                   
                    editable: true,
                    header: {
                        left: 'title',
                        center: '',
                        //right: 'today prev,next'
                        right: 'today next'
                    },
                    aspectRatio: 1.25,
                    selectable: true,
                    events: $scope.eventsselection,                    
                    dayClick: $scope.dayClick,                                       
                    validRange: function (nowDate) {
                        return {
                            start: nowDate.clone().subtract(1, 'days'),                            
                        };
                    }                    
                }                
            };

当用户单击右上角的“今天”按钮时，我想添加我的自定义业务逻辑。如何实现呢？

Answer 1

您可以使用文本'Today'定义一个customButton

c(x[1], unlist(lapply(Map(seq, x[-length(x)], x[-1],
           MoreArgs = list(length.out = 5)), `[`, -1)))
#[1] 29.00 41.50 54.00 66.50 79.00 69.50 60.00 50.50 41.00 
#[11] 52.75 64.50 76.25 88.00 89.50 91.00 92.50 94.00

为了能够看到此按钮，必须将其添加到标题选项中，而不是“今天”选项中。

customButtons: {
 myTodayButton: {
  text: 'Today',
  click: function() {
     /* Add custom logic here */
     $('#calendar').fullCalendar('today'); //will change calendar to today
                   }
               }
        },