# Calendars
v-calendar
コンポーネントは、日、週、月、またはカテゴリビューで情報を表示するために使用されます。 daily ビューには、すべての日または時間の要素のためのスロットがあり、weeklyとmonthlyのビューには、それぞれの日のスロットがあります。 カテゴリビューには、指定されたカテゴリまたは指定されたイベントのカテゴリに基づいて、その日の各カテゴリのためのスロットと時間指定されたセクションがあります。 必要に応じて、イベントの配列を渡すことができ、それらは適切な日時にレンダリングされます。
# 使い方
カレンダーには type と value があり、どのタイプのカレンダーをどの期間に表示するかを決定します。 これは最低限の構成、name, start, endのプロパティを持つイベントの配列を示しています。 endはオプションで、デフォルトはstartです。 start に時刻がある場合は、時刻イベントと見なされ、それに応じて日ビューに表示されます。 イベントは複数日にわたることができ、それに応じてレンダリングされます。
# API
# サンプル
# Props
# Type category
これはtype がcategory
であるイベントカレンダーの例で、2つのスケジュールを並べて比較することができます。
# Type day
これは各区間のスロットにコンテンツがあり、type が day
であるカレンダーの例です。
# Type week
これは、終日イベントと時間指定イベントがあり、type が week
であるイベントカレンダーの例です。
# イベント
# クリック
これは、カレンダーの表示を制御する追加のイベントハンドラと外部コンポーネントを備えたプランナーの例です。
# Slots
# Day
Slotを使用すると、各日のコンテンツ、日単位のビューの時間間隔、およびさまざまなラベルを定義できます。
# Day body
day-body
スロットを使うと、その日のカレンダーの内容をカスタマイズすることができます。 この例では現在時刻を表す線を追加しました。
# その他
# ドラッグ&ドロップ
イベントをドラッグしたり、イベントを延長したり、イベントを作成したりできるイベントカレンダーの例です。