javascript - 如何使用 Angular 引导日历为重复事件提供 dtStart 和 until？

Question

在 angular js 服务文件中我使用 RRULE.WEEKLY 在这里我想给 dtStart 和 until 动态地处理多个事件

 $scope.$watchGroup([
                $scope.calendarView,
                angular.forEach(data, function (value, index) {
                    if(value.recursOn === 'week'){
                        $scope.viewDate = value.startDate,
                        $scope.viewEndDate = value.endDate
                    }
                }),
            ], function() {

          // Use the rrule library to generate recurring events: https://github.com/jkbrzt/rrule
          var rule = new RRule({
            freq: RRule.WEEKLY,
            interval: 1,
            byweekday: [RRule.MO],
            dtstart: moment($scope.viewDate).toDate(),
            until: moment($scope.viewEndDate).toDate()
          });

          angular.forEach(data, function (value, index) {
                    if(value.recursOn !== 'week'){
                    $scope.schedules.push(value);
                }

                });

          rule.all().forEach(function(date) {
            angular.forEach(data, function (value, index) {
                    if(value.recursOn === 'week'){
                    $scope.schedules.push({
                matchDesc: value.matchDesc,
                teamName: value.teamName,
                color: calendarConfig.colorTypes.success,
                startDate: new Date(date)
            });
                }

                });
          });

        });

在此我尝试获取每周重复发生的多个事件，因此为此我对每个事件都使用 Angular 从数据库中获取事件，但如何将多个事件的开始日期和结束日期设置为 dtStart 和直到。

Answer 1

为此你必须这样做。

var rule = {};
       $scope.$watchGroup([
                $scope.calendarView,

            ], function() {
       angular.forEach(data, function (value, index) {
       // Use the rrule library to generate recurring events:https://github.com/jkbrzt/rrule

       if(value.recursOn === 'week'){
              rule = new RRule({
               freq: RRule.WEEKLY,
               interval: 1,
               byweekday: [RRule.MO],
               dtstart: moment(value.startDate).toDate(),
               until: moment(value.endDate).toDate()
             });
          }

       rule.all().forEach(function(date) {

                if(value.recursOn === 'week'){
              $scope.schedules.push({
                    matchDesc: value.matchDesc,
                    teamName: value.teamName,
                    color: calendarConfig.colorTypes.success,
                    startDate: new Date(date)
               });
              }
          });   
         });


    });

它正在使用 RRULE.WEEKLY 和 dtstart 每周重复发生的事件，直到动态到没有事件。

希望对您有所帮助。