一个强大的js日历控件 FullCalendar 外加一堆可以直接运行的测试代码拿走不谢

最新推荐文章于 2024-07-19 08:21:12 发布

末贵

最新推荐文章于 2024-07-19 08:21:12 发布

阅读量2.2k

点赞数

分类专栏： Js&JQuery 文章标签： js javascript

本文链接：https://blog.csdn.net/moguicy123/article/details/114866768

版权

本文介绍了FullCalendar日历控件，提供官网和文档地址，以及下载链接。FullCalendar适合需要高级日期功能的场景。文章展示了初始化日历的步骤，强调在结合jQuery时的选择器使用技巧，并提供了基本使用示例。

摘要由CSDN通过智能技术生成

资料地址

简单介绍

这样的控件作为简单的日期选择，是显得比较笨重的，但如果需要比日期选择更高级的功能，FullCalendar可提供了更多的选择。

初始化日历

下载好日历控件之后，解压到某个目录，然后创建一个html文件，需要引入
main.css和main.js两个文件，

<!DOCTYPE html>
<html lang='en'>
  <head>
    <meta charset='utf-8' />
    <link href='fullcalendar/main.css' rel='stylesheet' />
    <script src='fullcalendar/main.js'></script>
    <script>
		//文档加载完成之后执行的代码
      document.addEventListener('DOMContentLoaded', function() {
    
        
        var calendarEl = document.getElementById('calendar');
        var calendar