Angular UI日历:在日历日打开弹出窗口单击

Question

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

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

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

请给出一些解决方案，以便将其应用于年龄视图。

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中添加一个id为"myPopover"的div类似：

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

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