如何解决完整日历5-更改月份更新网址
我正在使用完整日历https://fullcalendar.io/,并且除了一件事之外,一切都可以按我的意愿进行。导航到下一个/上一个月时,我希望更新网址栏,以便可以共享指向该月的直接链接。
当前,在domain.com/events中,单击“下一步” /“上一步”可以移动月份,但网址不会更新。
这可能吗?
如果相关,这就是我正在使用的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();
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。