← TssGrid/例一覧

TssGrid 例: カレンダー範囲選択 tss-calendar range

休暇申請の期間。範囲が使える行には上部に「範囲で選ぶ」トグルが出ます:OFF=1クリックで単日(値は ISO 2026-10-20/休暇はほとんど1日なのでこれが既定)・ON=2クリックで開始→終了(開始より前なら入替・同日2回は単日・間の色・ツールチップ=平日日数)。
★行ごとに範囲ON/OFF:`range:(ctx)=>…` が false の行(半休)はトグルを出さず単日のみ。初期状態は rangeDefault(関数で行ごと可)、ただしセル値が既に範囲なら ON で開く。文言は rangeToggleLabel。
ON の確定値は既定 2026/10/13~2026/10/16(同日は ISO 2026-10-13)。範囲列は type:'date' を付けない素の列にします(範囲文字列を日付パーサに通さないため)。

差し込み