如何为全日历(v5)事件设置属性?
How to set attribute to the fullcalendar (v5) events?
在 FullCalendar v5 eventRender
中删除了回调。
我决定使用 Event Render Hooks 中的 eventDidMount
,但不知道如何正确设置属性
var calendarEl = document.getElementById('calendar');
var calendar = new FullCalendar.Calendar(calendarEl, {
eventClick: function (info) {
$('.popover-event' + info.event.id).popover('show')
},
eventResize: function (info) {
console.log(info);
},
//HERE
eventDidMount: function (event) {
// element.attr('title', event.tip);
console.log('atr', event.el.attributes)
},
timeZone: 'UTC',
slotEventOverlap: false,
eventColor: '#c1c1c1',
editable: false, //editableni ko'rish kerak
schedulerLicenseKey: 'GPL-My-Project-Is-Open-Source',
initialView: 'resourceTimeGridTwoDay1',
nowIndicator: true,
// now:moment().format(),
initialDate: moment().format('YYYY-MM-DD'),
allDaySlot: false,
slotMinTime: '08:00:00',
slotMaxTime: '18:00:00',
selectable: true,
locales: 'ru',
headerToolbar: false,
})
我稍微搜索了一下,找到了答案
eventDidMount: function (event) {
$(event.el).attr('data-trigger', 'focus')
$(event.el).attr('tabindex', 0)
}
在 FullCalendar v5 eventRender
中删除了回调。
我决定使用 Event Render Hooks 中的 eventDidMount
,但不知道如何正确设置属性
var calendarEl = document.getElementById('calendar');
var calendar = new FullCalendar.Calendar(calendarEl, {
eventClick: function (info) {
$('.popover-event' + info.event.id).popover('show')
},
eventResize: function (info) {
console.log(info);
},
//HERE
eventDidMount: function (event) {
// element.attr('title', event.tip);
console.log('atr', event.el.attributes)
},
timeZone: 'UTC',
slotEventOverlap: false,
eventColor: '#c1c1c1',
editable: false, //editableni ko'rish kerak
schedulerLicenseKey: 'GPL-My-Project-Is-Open-Source',
initialView: 'resourceTimeGridTwoDay1',
nowIndicator: true,
// now:moment().format(),
initialDate: moment().format('YYYY-MM-DD'),
allDaySlot: false,
slotMinTime: '08:00:00',
slotMaxTime: '18:00:00',
selectable: true,
locales: 'ru',
headerToolbar: false,
})
我稍微搜索了一下,找到了答案
eventDidMount: function (event) {
$(event.el).attr('data-trigger', 'focus')
$(event.el).attr('tabindex', 0)
}