完整日历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 (将#修改为@)