FullCalendar- 好用的行事曆套件，可以用來方便設定跟形成相關的互動

網址

2021-09-09 14:31:50

如果有需要做行事曆相關的功能，可以參考使用 FullCalendar 這個套件，使用方法可以透過 npm 安裝：

npm install fullcalendar

或是利用 cdn：

接著在頁面上設定要顯示的區塊位置

<div id='calendar'></div>

然後初始化就可以了：

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

[Laravel] 使用分頁(paginate) [FullCalendar] 取得日期點擊的事件與事件點擊的事件

你可能也會喜歡的

[Alpine.js] 魔法屬性

JavaScript Garden- 介紹 javascript 各種奇異特性的網站

[jQuery] 偵測頁面是往上或往下捲動

Awesome Cheatsheets- 好用的熱門程式語言與框架語法整理網站

Cheatography- 收錄超過 5000 則 Cheat Sheets 的網站，包含程式語言、軟體以及遊戲...等

Pageable- 好用的一頁式捲動(one page scroll) javascript library

課程推薦

AI工作術全面學習實戰營：6 堂精選課程，學會最好用 AI 工具，翻轉你的人生

《PChome雜誌》攜手 5 位在 AI 領域的專業講師，打造上述 6 堂實用課程，教你學會時下最好用的 AI 工具，導入生成式 AI 來產製工作內容，改造並升級你的工作流程。

輸入折扣碼 ZERO2024 還可以額外獲得 NT$400 優惠喔。

HTML與SEO實戰應用—並以ChatGPT助力提升網站品質與流量

本課程專為希望深入了解 HTML 並有效結合 SEO 策略的學員設計。我們將重點放在 HTML 的深度學習與應用上，同時穿插介紹如何透過搜索引擎優化提升網站能見度。透過即時互動式的直播教學，加上 ChatGPT 的輔助，您將學習到如何建立一個結構優良、美觀且符合 SEO 標準的網站。這不僅會提升網站的用戶體驗，還會大幅提高網站的搜索引擎排名，進而增加訪客流量和潛在客戶。