开源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>
相关推荐
Re.不晚4 分钟前
C语言系列4——指针与数组(1)
c语言·开发语言·数据结构·c++·学习·算法
无限大.6 分钟前
c语言实例 068
c语言·开发语言
高野44025 分钟前
【高性能内存池】central cache内存回收 7
开发语言·c++
qq_5443291725 分钟前
从0学习React(1)
开发语言·前端·javascript
shiji-lu30 分钟前
针对考研的C语言学习(定制化快速掌握重点2)
c语言·开发语言·学习
cookcyq31 分钟前
React & 解释常见的 hooks: useState / useRef / useContext / useReducer
前端·javascript·react.js
IT小白332 分钟前
Vue项目开发注意事项
前端·javascript·vue.js
黄毛火烧雪下35 分钟前
React -AppVarContext.Provider 提供者组件
前端·javascript·react.js
linlinlove236 分钟前
php如何实现局部替换功能
开发语言·php
想做一只快乐的修狗36 分钟前
【React】react项目中的redux使用
前端·javascript·react.js