2017-08-17 35 views
0

我想修改一个插件,它是一个日历。当您按下不是月份的一部分的日期时(在月初和月末),它会更改为下一个月或上一个月。我试图禁用此功能,并且我发现要更改哪部分代码,但是当我进行更改(或添加console.log消息)时,执行ionic serve时没有任何反映。有一件事是,日历写在AngularJS - 而我使用Ionic,它使用Angular 2。我试图改变代码的部分看起来像这样:修改插件,但不会反映更改。 AngularJS在一个离子(Angular2)应用程序

$scope.select = function (viewDate) { 
        console.log("in in in select &&&&&&&"); 
        var selectedDate = viewDate.date, 
         events = viewDate.events, 
         views = scope.views, 
         dates, 
         r; 
        if (views) { 
         dates = views[scope.currentViewIndex].dates; 
         var currentCalendarDate = ctrl.currentCalendarDate; 
         var currentMonth = currentCalendarDate.getMonth(); 
         var currentYear = currentCalendarDate.getFullYear(); 
         var selectedMonth = selectedDate.getMonth(); 
         var selectedYear = selectedDate.getFullYear(); 
         var direction = 0; 
         if (currentYear === selectedYear) { 
          if (currentMonth !== selectedMonth) { 
           direction = currentMonth < selectedMonth ? 1 : -1; 
          } 
         } else { 
          direction = currentYear < selectedYear ? 1 : -1; 
         } 

         ctrl.currentCalendarDate = selectedDate; 
         if (direction === 0) { 
          if (ngModelCtrl) { 
           ngModelCtrl.$setViewValue(selectedDate); 
          } 
          var currentViewStartDate = ctrl.range.startTime, 
           oneDay = 86400000, 
           selectedDayDifference = Math.floor((selectedDate.getTime() - currentViewStartDate.getTime())/oneDay); 
          for (r = 0; r < 42; r += 1) { 
           dates[r].selected = false; 
          } 

          if (selectedDayDifference >= 0 && selectedDayDifference < 42) { 
           dates[selectedDayDifference].selected = true; 
           scope.selectedDate = dates[selectedDayDifference]; 
          } 
         } else { 
          console.log("is getting here &&^^%%$$"); 
          //ctrl.moveOnSelected = true; 
          //ctrl.slideView(direction); <----- I AM COMMENTING THIS OUT TO STOP THE SLIDE!!! 
         } 

        ... 

在上面的代码块的底部,我做指着两行我注释掉一个箭头。我还添加了console.log语句,一个在函数的开头,另一个在中间,并且它们都不输出到控制台(上面是select函数,它在选择日历上的日期时发生)。

插件的代码结构是这样的:

angular.module("ui.rCalendar.tpls", ["templates/rcalendar/calendar.html","templates/rcalendar/day.html","templates/rcalendar/displayEvent.html","templates/rcalendar/month.html","templates/rcalendar/monthviewDisplayEvent.html","templates/rcalendar/monthviewEventDetail.html","templates/rcalendar/week.html"]); 
angular.module('ui.rCalendar', ['ui.rCalendar.tpls']) 
    .constant('calendarConfig', { 
     formatDay: 'dd', 
     formatDayHeader: 'EEE', 
     formatDayTitle: 'MMMM dd, yyyy', 
     formatWeekTitle: 'MMMM yyyy, Week w', 
     formatMonthTitle: 'MMMM yyyy', 
     formatWeekViewDayHeader: 'EEE d', 
     formatHourColumn: 'ha', 
     calendarMode: 'month', 
     showEventDetail: true, 
     startingDayMonth: 0, 
     startingDayWeek: 0, 
     allDayLabel: 'all day', 
     noEventsLabel: 'No Events', 
     eventSource: null, 
     queryMode: 'local', 
     step: 60, 
     autoSelect: true, 
     monthviewDisplayEventTemplateUrl: 'templates/rcalendar/monthviewDisplayEvent.html', 
     monthviewEventDetailTemplateUrl: 'templates/rcalendar/monthviewEventDetail.html', 
     weekviewAllDayEventTemplateUrl: 'templates/rcalendar/displayEvent.html', 
     weekviewNormalEventTemplateUrl: 'templates/rcalendar/displayEvent.html', 
     dayviewAllDayEventTemplateUrl: 'templates/rcalendar/displayEvent.html', 
     dayviewNormalEventTemplateUrl: 'templates/rcalendar/displayEvent.html' 
    }) 
    .controller('ui.rCalendar.CalendarController' 

    ... 

    .directive('monthview', ['dateFilter', function (dateFilter) { 

      THIS IS WHERE THE SELECT FUNCTION IS 

    ... 

这是一家Ionic应用程序的插件angularjs,记住它是建立在Angular 2angularjs。我不知道插件JavaScript文件的加载位置。

回答

0

我正在寻找错误的包文件夹,我没有意识到我已经安装了打字稿版本。

相关问题