HTML
<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
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日历吗?
发布于 2021-04-06 22:30:29
我发现了我的错误:
_cal = new tui.Calendar('#calendar', {
defaultView: 'week',
taskView: false,
template**s**: templates,
useDetailPopup: true
});更正:
_cal = new tui.Calendar('#calendar', {
defaultView: 'week',
taskView: false,
template: templates,
useDetailPopup: true
});https://stackoverflow.com/questions/66960984
复制相似问题