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

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'),                            
                        };
                    }                    
                }                
            };

我想在用户单击右上角的 "today" 按钮时添加我的自定义业务逻辑。如何实现？

Answer 1

您可以使用文本 'Today'

定义自定义按钮

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

为了能够看到此按钮，您必须将其添加到 header 选项而不是今天选项

header: {
  left: 'title',
  center: '',
  right: 'myTodayButton next'
        },

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

Custom Business Logic in today button of fullcalendar

onclick

fullcalendar

angularjs

angularjs-ng-click