ホーム>プログラミング関連>その他のソースコード
ダウンロード

フルカレンダー

JavaScript でのフルサイズのドラッグ アンド ドロップ カレンダー

  • プロジェクトのウェブサイト
  • ドキュメント
  • 変更履歴
  • サポート
  • ライセンス
  • ロードマップ

コネクタ:

  • 反応する
  • 角度のある
  • Vue3 | 2

バンドル

FullCalendar Standard Bundle は、個別のプラグインよりもインストールが簡単ですが、ファイルサイズは大きくなります。 CDN とうまく連携します。

インストール

FullCalendar コア パッケージと使用する予定のプラグインをインストールします。 

npm install @fullcalendar/core @fullcalendar/interaction @fullcalendar/daygrid

使用法

プラグインとオプションを使用してカレンダーをインスタンス化します。 

 import { Calendar } from '@fullcalendar/core'
import interactionPlugin from '@fullcalendar/interaction'
import dayGridPlugin from '@fullcalendar/daygrid'

const calendarEl = document . getElementById ( 'calendar' )
const calendar = new Calendar ( calendarEl , {
  plugins : [
    interactionPlugin ,
    dayGridPlugin
  ] ,
  initialView : 'timeGridWeek' ,
  editable : true ,
  events : [
    { title : 'Meeting' , start : new Date ( ) }
  ]
} )

calendar . render ( )

発達

このリポジトリは PNPM を使用してインストールする必要があります。 

 pnpm install

利用可能なスクリプト ( pnpm run