[Javascript ] WebのFull calendar(スケジュールカレンダー)の使い方法
こんにちは。明月です。この投稿はwebのfull calendar(スケジュールカレンダー)の使い方法に関する説明です。我々がwebプログラミングを作成したら普通はyahooみたいなポータルサイトより会社や様々なグループなどで使うコミュニティサイトやスケジュール管理サイトを作成することが多いと思います。そのプロジェクトの中で一番よく使うプレームワークライブラリはwysiwygエディタでウェブ環境でメモ帳みたいに使うエディタ機能だと思います。その以外は多分スケジュール管理するカレンダープレームワークではないかと思います。カレンダープレームワークに関しても様々なプレームワークがありますが、個人的にfull-calendarというライブラリが一番使いやすいではないかと紹介しようと思います。リンク - https://fullcalendar.io/一応fullcalendarを使うために該当なjavascriptとスタイルシート(css)をダウンロードして使ってもよいですが、ウェブ環境の性能のため、cdnリンクを使うほうをお勧めします。ダウンロードリンク - https://fullcalendar.io/docs/initialize-globalscdnリンク - https://www.jsdelivr.com/package/npm/fullcalendar .fc-header-toolbar { padding-top: 1em; padding-left: 1em; padding-right: 1em; } #calendar-container { border: #000 1px solid; padding: 10px; margin: 20px 0px; } #calendar a { color: #000; } #calendar1 a { color: #000; } #calendar2 a { color: #000; } (function(){$(function(){ var calendarel = $('#calendar')[0]; var calendar = new fullcalendar.calendar(calendarel, { height: &