开源js日历组件

https://fullcalendar.io/

bash 复制代码
<!DOCTYPE html>
<html lang='en'>
  <head>
    <meta charset='utf-8' />
    <script src='https://cdn.jsdelivr.net/npm/fullcalendar@6.1.10/index.global.min.js'></script>
    <script>

      document.addEventListener('DOMContentLoaded', function() {
        var calendarEl = document.getElementById('calendar');
        var calendar = new FullCalendar.Calendar(calendarEl, {
          initialView: 'dayGridMonth'
        });
        calendar.render();
      });

    </script>
  </head>
  <body>
    <div id='calendar'></div>
  </body>
</html>
相关推荐
Mountain0814 分钟前
解决 Node.js 启动报错:digital envelope routines 错误全记录
javascript·npm·node.js
用坏多个鼠标36 分钟前
Nacos和Nginx集群,项目启动失败问题
java·开发语言
满天星830357741 分钟前
【C++】右值引用和移动语义
开发语言·c++·redis·visual studio
消失的旧时光-19431 小时前
c语言 内存管理(malloc, calloc, free)
c语言·开发语言
歪歪1001 小时前
在C#中除了按属性排序,集合可视化器还有哪些辅助筛选的方法?
开发语言·前端·ide·c#·visual studio
wangbing11251 小时前
开发指南139-VUE里的高级糖块
前端·javascript·vue.js
李高钢1 小时前
c#获取当前程序所在目录避坑
开发语言·数据库·c#
IT北辰1 小时前
用 Python 实现连续数据分组求和并回写
开发语言·python
半桶水专家2 小时前
Vue 3 动态组件详解
前端·javascript·vue.js
我有一棵树2 小时前
避免 JS 报错阻塞 Vue 组件渲染:以 window.jsbridge 和 el-tooltip 为例
前端·javascript·vue.js