Theme color Gray color Appearance SizeSmall(1) Medium(2) Large(3) Radius Scale90% 95% 100% 105% 110%
none
small
medium
large
full
注
Highly experimental
默认选择单个日期
支持键盘导航,当聚焦于日期单元格时可通过上下左右箭头来移动,Enter 键选中(当为多选且非范围选择时,Enter 也可用于取消选中),动画会根据移动的方向来展现
添加range
属性则可以选择日期范围
添加multiple
可选择多个日期
同时设置multiple
和range
时可选择多个日期范围,多个范围之间不能重叠,但一个区间的结尾可以与另一个区间的开始相同
横向滚动有利于移动端的体验,便于左右滑动切换,所以目前在移动端会默认开启横向滚动,额外渲染前后各一个月。若需要在 PC 端也开启,可通过scrollable
属性设置,然后便可通过shift加滚轮或触摸板横向滚动,开启后将不再有上下移动的动画
注
由于实现限制,无法快速连续滚动
FIXME 高刷新率好像有问题
日期面板默认固定显示6行,空白的单元格填充上一个月和下一个月的日期,这些填充的日期被称为预览日期,有两个属性可以控制该行为:
hidePreviewDates
: 隐藏所有预览日期removePreviewRow
: 若该行所有日期均为预览日期,则移除该行下面的示例可以清晰地看到区别