Angular-UI-Calendar: открыть всплывающее окно в день календаря.

Question

Я использую угловой UI-календарь, который имеет функцию dayClick(), которая работает правильно, но когда я прикрепляю код popover внутри функции dayClick, всплывающее окно не открывается.

У меня есть решение для этого, но оно работает только с днем ​​/ неделей, а не для повестки дня или недели дня

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

Пожалуйста, дайте какое-нибудь решение для этого, чтобы применить то же самое для ageaViews.

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');
}

Добавьте div с идентификатором "myPopover" в ваш HTML, например:

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

Это работает нормально для меня....:-)