Я использую последнюю версию FullCalendar V4, и в моем случае я не могу добавить дополнительные поля, такие как описание и примечания. Я использую дневную сетку и хочу, чтобы появилось еще два поля.
Я пробовал несколько вариантов ответов здесь (возможно, для предыдущих версий) и из документов, включая изменение main.js из самой основной папки, где определены titleHtml и timeHtml (как (core.htmlEscape (eventDef.title) Мне удалось добавить поля или, лучше сказать, div, которые появляются, но без содержимого, поскольку eventDef.description не является допустимым элементом, как и evenDef.notes.
Где я могу определить эти два в eventDef или как добавить эти поля и отобразить их?
<script>
document.addEventListener('DOMContentLoaded', function() {
var calendarEl = document.getElementById('calendar');
var start = event.start;
var element = this;
var calendar = new FullCalendar.Calendar(calendarEl, {
plugins: [ 'dayGrid' ],
defaultView: 'dayGridWeek',
displayEventEnd:true,
columnHeaderFormat:{ weekday: 'long', month: 'long', day: 'numeric', omitCommas: true },
titleFormat: { year: 'numeric', month: 'long' },
header: {center: 'title,prev,next', right:'', left:''},
eventTimeFormat: {
hour: 'numeric',
minute: '2-digit',
meridiem: false
},
firstDay:1,
events: [
<?php get_data();?>
],
});
calendar.render();
});
</script>
Спасибо заранее за любые предложения.
1 ответ
eventRender: function(info) {
info.el.querySelector('.fc-desc').innerHTML = "" + info.event.description + "";
}
Это решило мою проблему, спасибо ADyson за помощь.
""
) здесь совершенно избыточны? Они не добавляют никакого контента в HTML. Непонятно, зачем вы их использовали. info.el.querySelector('.fc-desc').innerHTML = info.event.description;
даст точно такой же результат.
Похожие вопросы
Новые вопросы
javascript
По вопросам программирования на ECMAScript (JavaScript/JS) и его различных диалектах/реализациях (кроме ActionScript). Обратите внимание, что JavaScript — это НЕ Java. Включите все теги, относящиеся к вашему вопросу: например, [node.js], [jQuery], [JSON], [ReactJS], [angular], [ember.js], [vue.js], [typescript], [стройный] и т. д.
eventRender: function(info) { info.el.querySelector('.fc-desc').innerHTML = "" + info.event.description + ""; }
, и это работает, спасибо, Эдисон!