Question

我正在使用具有dayClick（）函数的角度ui-calendar，它正常工作但是当我在dayClick函数中附加popover代码时，popover不会打开。

我已经得到了解决方案，但它只适用于日/周而不适用于agendaWeek或agendaDay

 $scope.onDayRender = function(date, cell) {
    console.log("### onDayRender");
    cell.popover({ content: "New Event: " + date });
};

请为此提供一些解决方案，以便将其应用于agedaViews。

Answer 1

!!! AgendaViews的解决方案！只需在日历配置数组中添加select选项即可。

$scope.uiConfig = {
  calendar:{
    height: 500,
    editable: true,
    header:{
        left: 'prev,next',
        center: 'title',
        right: 'agendaDay agendaWeek'
    },
    select: function(start, end, allDay, jsEvent) {
        $scope.openPopover(start, end, allDay, jsEvent);
    }
  }
};

$scope.openPopover= function(start, end, allDay, jsEvent){
 $("#myPopover").popover('show');
}

在HTML中添加带有“myPopover”id的div 像：

<div id="myPopover"></div>

它对我来说很好....： - ）

Angular-UI-Calendar：在日历日点击打开弹出窗口

1 个答案: