1

我正在使用完整日历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();
});
4

0 回答 0