JavaScript最受欢迎日历组件FullCalendar

简要介绍

FullCalendar是一款JavaScript用于展示日历的组件。它在github上有13.1k颗星,足见其受欢迎的程度。它支持100多种的自定义设置,可以设置不同的视图、主题、事件等等。目前支持与主流的React、Vue、Angular框架的集成。

最新版本:v5.4.0。我对它的评价是:单品类爆款。

JavaScript最受欢迎日历组件FullCalendar

Github地址

https://github.com/fullcalendar/fullcalendar

安装

npm install fullcalendar

引用

import { Calendar } from '@fullcalendar/core';

import dayGridPlugin from '@fullcalendar/daygrid';

效果

document.addEventListener('DOMContentLoaded', function() {

var calendarEl = document.getElementById('calendar');

var calendar = new Calendar(calendarEl, {

plugins: [ dayGridPlugin ]

});

calendar.render();

});

JavaScript最受欢迎日历组件FullCalendar

JavaScript最受欢迎日历组件FullCalendar

JavaScript最受欢迎日历组件FullCalendar

您可能还会对下面的文章感兴趣: