- 分組
- 安排 · 日期与时间段
- 元件
SlotPicker·#slot-picker
適合
- 评审、培训、答疑这类要约时间的安排
- 轻柔风格里放一个产品感的小界面
不適合
- 真实的长期排期：用 Gantt 或 Timeline
- 日期不是真的又没标示意
內容上限
| 1 | card.title ≤ 12 字，meta ≤ 10 字符 |
| 2 | month ≤ 10 字符，days 28–31，start 为 1 号是周几（周一 = 0） |
| 3 | slots 3–5 个：time ≤ 8 字符，note ≤ 8 字 |
| 4 | 不是真实日程时 source 写“示意” |
欄位
| 欄位 | 型別 | |
|---|---|---|
card · 必填 | { title, meta } | 卡片标题与时长 |
month · 必填 | string | 月份 |
start · 必填 | number | 1 号是周几 |
days · 必填 | number | 天数 |
open · 必填 | number[] | 可选日期 |
day · 必填 | number | 选中日期 |
slots · 必填 | { time, note? }[] | 时间段 |
pick | number | 选中的时间段，默认 0 |
範例程式碼
<SlotPicker kicker="评审" title={['约个时间，', '一起逐页看截图']} card={{ title: '截图评审', meta: '30 分钟' }} month="2026 年 11 月" start={6} days={30} open={[3, 4, 5]} day={4} slots={[{ time: '10:00', note: '上午' }, …]} source="示意" />