我正在使用完整日历https://fullcalendar.io/并且除了一件事之外,一切都按我的意愿工作。当导航到下个月/上个月时,我希望更新 url 栏,以便可以共享指向该月的直接链接。
目前在 domain.com/events 单击下一个/上一个会移动月份,但 URL 未更新。
这可能吗?
如果它是相关的,这是我正在使用的 javascript
document.addEventListener('DOMContentLoaded', function() {
var calendarEl = document.getElementById('calendar');
var calendar = new FullCalendar.Calendar(calendarEl, {
initialView: 'dayGridMonth',
headerToolbar: {
start: '',
center: 'prev title next',
end: ''
},
locale: '{{ craft.app.language }}',
showNonCurrentDates: true,
fixedWeekCount: false,
// event display block removes dot
eventDisplay:'block',
eventClassNames: 'has-event',
eventColor: '#de242b',
eventBorderColor: '#fff',
eventTextColor: '#fff',
eventBackgroundColor: '#de242b',
events: [
// add in event stuff here
{% for event in craft.entries.section('events').all() %}
{% set eventEnd %}
{% if event.eventEndDate|length %}
{{ event.eventEndDate|date('Y-m-d')|json_encode|raw }} + 'T23:59:00'
{% else %}
{{ event.eventStartDate|date('Y-m-d')|json_encode|raw }} + 'T23:59:00'
{% endif %}
{% endset %}
{
title: {{ event.title|json_encode|raw }},
start: {{ event.eventStartDate|date('Y-m-d')|json_encode|raw }},
end: {{ eventEnd }},
url: {{ event.url|json_encode|raw }},
textColor: 'white',
backgroundColor:'#de242b',
},
{% endfor %}
]
});
calendar.render();
});