时间戳

首页 > 解决方案 > FullCalendar v4 比较事件日期

javascript - FullCalendar v4 比较事件日期

问题描述

我在比较 FullCalendar v4 的两个日期时遇到问题：

首先我设置今天的日期：

var today_a = new Date().toISOString().slice(0, 10);

接下来，我尝试使用模板语言将此日期与事件开始日期 [从 Django 视图收集] 进行比较，以更改其颜色，如下所示：

events: [
    {% for event in main_events %}
        {
            color: {% if sub_event.start_date|date:"Y-m-d" < today_a %}'green'{%else%}'SkyBlue'{%endif%},
        },
    {% endfor %}
],

那是行不通的，但是如果我设置静态日期而不是 today_a 那么一切都按预期工作：

color: {% if sub_event.start_date|date:"Y-m-d" < '2019-10-30' %}'green'{%else%}'SkyBlue'{%endif%},

变量 today_a 是一个字符串。如何将此变量用于比较工作？

标签： javascriptdatefullcalendarfullcalendar-4

解决方案

感谢ADyson的建议，我通过使用 eventRender 管理了这个：

  eventRender: function(info) {
       if (info.event.start.toISOString().slice(0, 10) < today_a) {
         info.el.style.backgroundImage = 'linear-gradient(to right, red, yellow)';
       }

谢谢大家的帮助:)

推荐阅读