3

dayClick() 関数を持つ angular ui-calendar を使用していますが、これは正常に動作していますが、dayClick 関数内にポップオーバー コードをアタッチすると、ポップオーバーが開かれません。

私はこれに対する解決策を持っていますが、アジェンダウィークまたはアジェンダデイではなく、日/週でのみ機能しています

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

agedaViewsにも同じように適用するための解決策を教えてください。

4

1 に答える 1

3

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

私にとってはうまくいきます.... :-)

于 2013-08-10T07:33:18.340 に答える