小编use*_*471的帖子

将 fullcalendar/icalendar 与脚本标签一起使用

抱歉,如果这是一个超级基本的问题,但我想使用 fullcalendar 的icalendar包,使用脚本标签。

我看到icalendar不在预构建包列表中,但我希望它仍然是可能的。

我的问题是我不确定如何导入插件(这一行plugins: [DayGridPlugin, iCalendarPlugin],)。

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <link
      href="https://cdn.jsdelivr.net/npm/fullcalendar@5.5.1/main.min.css"
      rel="stylesheet"
    />
    <link href="./style.css" rel="stylesheet" />
        <link href="./style.css" rel="stylesheet" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/ical.js/0.0.3/ical.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/fullcalendar@5.5.1/main.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/fullcalendar@5.5.1/locales-all.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/@fullcalendar/icalendar@5.5.1/main.global.min.js"></script>

    <script>
      document.addEventListener("DOMContentLoaded", function () {
        var calendarEl = document.getElementById("calendar");
        var today = new Date().toISOString().split("T")[0];

        var calendar = new FullCalendar.Calendar(calendarEl, {
          initialView: "dayGridMonth",
          initialDate: today,
          headerToolbar: {
            left: "prev,next today",
            center: "title",
            right: "dayGridMonth,timeGridWeek,timeGridDay",
          },
          plugins: [DayGridPlugin, iCalendarPlugin],
          events: { …
Run Code Online (Sandbox Code Playgroud)

javascript icalendar fullcalendar

5
推荐指数
1
解决办法
2179
查看次数

标签 统计

fullcalendar ×1

icalendar ×1

javascript ×1