angularjs - Angular-UI-Calendar：在日历日打开弹出窗口Click

Question

我正在使用具有 dayClick() 函数的 angular ui-calendar，它工作正常，但是当我在 dayClick 函数中附加弹出框代码时，弹出框没有打开。

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

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

请为此提供一些解决方案以适用于agedaViews。

Answer 1

!!!AgendaViews 的解决方案!!! 只需在您的日历配置数组中添加选择选项。

$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>

它对我来说工作正常.... :-)