首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >tui-calendar模板-选项在tui-calendar中不起作用

tui-calendar模板-选项在tui-calendar中不起作用
EN

Stack Overflow用户
提问于 2021-04-06 07:31:32
回答 1查看 250关注 0票数 0

HTML

代码语言:javascript
复制
<head>
    <!-- CALENDAR -->
    <script src="https://uicdn.toast.com/tui.code-snippet/v1.5.2/tui-code-snippet.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.20.1/moment.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/chance/1.0.13/chance.min.js"></script>
    <script src="https://uicdn.toast.com/tui-calendar/latest/tui-calendar.js"></script>

    <!-- APP -->
    <script src="js/app.js"></script>

</head>

<body>
    <div id="calendar"></div>
</body>

这是我的app.js

代码语言:javascript
复制
var _cal
$(document).ready(function() {
    var templates = {
        popupEdit: function() {
            return 'Edit Me';
        },
        popupDelete: function() {
            return 'Delete Me';
        }
    }

    _cal = new tui.Calendar('#calendar', {
        defaultView: 'week',
        taskView: false,
        templates: templates,
        useDetailPopup: true
    });



    //create calendar
    var CalendarList = []
    calendar = new CalendarInfo();

    calendar.id = 1;
    calendar.calendarId = String(1);
    calendar.name = 'Subject';
    calendar.color = 'ffffff';
    calendar.bgColor = '#9e5fff';
    CalendarList.push(calendar);
    _cal.setCalendars(CalendarList)


    //create schedules
    _cal.createSchedules([{
        id: '1',
        calendarId: '1',
        title: 'Termin1',
        category: 'time',
        dueDateClass: '',
        start: '2021-04-06T17:30:00+01:00',
        end: '2021-04-06T19:30:00+01:00',
        isReadOnly: false,
        location: 'here'
    }]);
})

我希望在我单击约会时出现的详细信息弹出窗口中的编辑按钮的标题是'Edit Me‘,但它仍然是默认标题'edit’。

我做错了什么?

有人用过toast-ui日历吗?

EN

回答 1

Stack Overflow用户

发布于 2021-04-06 22:30:29

我发现了我的错误:

代码语言:javascript
复制
 _cal = new tui.Calendar('#calendar', {
    defaultView: 'week',
    taskView: false,
    template**s**: templates,
    useDetailPopup: true
});

更正:

代码语言:javascript
复制
  _cal = new tui.Calendar('#calendar', {
    defaultView: 'week',
    taskView: false,
    template: templates,
    useDetailPopup: true
});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/66960984

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档