无法显示列表周和列表日按钮完整日历angularjs

enxuqcxy 于 2022-10-31 发布在 Angular

关注(0)|答案(3)|浏览(210)

我正在使用fullcalendar 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
    }
  }
};

angularjs

来源：https://stackoverflow.com/questions/42722025/unable-to-display-listweek-and-listday-buttons-fullcalendar-angularjs

3条答案

按热度按时间

suzh9iv81#

您应该删除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' 
    }
},

赞(0）回复(0）举报 2022-10-31

pbgvytdp2#

还要确保包含print.css并将其media属性设置为“print”，即; media=“打印”。
这可能会纠正您的问题。

赞(0）回复(0）举报 2022-10-31

nc1teljy3#

这对我很有效
按钮文本：
{
今天：'今天'，
月：'月'，
周：'周'，
日：'日'，
listMonth：'列表月份'，
listYear：'列表年份'，
listWeek：'列表周，
listDay：'列表日'
}
点击此处-〉https://fullcalendar.io/docs/buttonText

赞(0）回复(0）举报 2022-10-31

我来回答

无法显示列表周和列表日按钮完整日历angularjs

3条答案

相关问题

热门标签

最新问答