2021年06月27日(日)

Vue.jsでシンプルなカレンダーコンポーネント作ってみた

• 0
• 0
• 0
• 3

イベントの表示

デフォルト設定ではhtmlと同階層に「data」というディレクトリを作成、その下に「年」のディレクトリを作り「月.json」というファイル名で作成します。
例えば2021年7月のデータなら「/data/2021/7.json」のようになります。

data/2021/7.json

{ "events": [ { "day": 2, "title": "イベント", "type": "blue" },{ "day": 6, "title": "イベント2", "type": "red" },{ "day": 23, "title": "イベント3", "type": "green" } ], "holidays": [19] }