無法顯示listweek和listday按鈕fullcalendar angularjs

Question

我正在使用全日歷AngularJS。 我無法以某種方式在日歷標題上獲取listWeek和listDay按鈕。 無法理解我可能出了問題的地方。

這是配置變量

$scope.uiConfig = {
  calendar:{
    height: 500,
    eventCalendar: {
        header: {
            left: 'prev,next',
            center: 'title',
            right: 'listWeek listDay'
        },
        views: {
            listDay: { buttonText: 'Day' },
            listWeek: { buttonText: 'Week' }

        },
        defaultView: 'listWeek',
        timezone: "local",
        navLinks: true,
        eventLimit: true,
        hiddenDays: [0, 6],
        allDaySlot:  false,
        minTime: "08:00:00",
        maxTime: "17:00:00",
        eventOverlap: false,
        selectOverlap: false
    }
  }
};

Answer 1

您應該刪除views選項並添加buttonText這將解決您的問題。

$scope.uiConfig = {
    calendar:{
        height: 500,
        eventCalendar: {
            header: {
                left: 'prev,next',
                center: 'title',
                right: 'listWeek listDay'
            },
            buttonText: {
                listDay: 'Day',
                listWeek 'Week'
            },
            defaultView: 'listWeek',
            timezone: "local",
            navLinks: true,
            eventLimit: true,
            hiddenDays: [0, 6],
            allDaySlot:  false,
            minTime: "08:00:00",
            maxTime: "17:00:00",
            eventOverlap: false,
            selectOverlap: false
       }
   }
};

否則，您必須在views中添加更多選項才能為您工作，例如，但是這種方式用於自定義視圖

views: {
    listDay: { 
        type:'list', 
        duration:{
            days:1
        }, 
        buttonText: 'Day' 
    },
    listWeek: { 
        type:'list', 
        duration:{
            days:7
        }, 
        buttonText: 'Week' 
    }
},

Answer 2

還要確保已包含print.css並將其媒體屬性設置為“ print”，即； 媒體=“打印”。

那可以解決您的問題。