# 日期选择器(date-picker)
可进行多粒度的时间选择器
# 基本使用
<itu-date-picker
v-model="isShow"
:default-value="value"
theme-color="#2979ff"
fields="day"
start="1900-01-01"
end="2200-12-01"
@confirm="confirm"
></itu-date-picker>
# Props
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
defaultValue | Array | 空 | 当前日期选择器显示的时间,粒度格式和 value 格式要相符,否则会又错误提示 |
value | Boolean | false | 布尔值变量,用于控制选择器的弹出与收起 |
themeColor | String | #2979ff | 主题色 |
safeAreaInsetBottom | Boolean | false | 适配安全区域 |
start | String | 1900-01-01 | 限制选择器选择的最小时间 (只支持年限制),粒度格式和 value 格式要相符,否则会有错误提示 |
end | String | 2200-12-01 | 限制选择器选择的最大时间(只支持年限制),粒度格式和 value 格式要相符,否则会有错误提示 |
fields | String | day | 当前日期选择器粒度,可选值 year、month、day |
isMaskClose | Boolean | true | 是否允许通过点击遮罩 |
current | String | startDate | 当前选项,可选值 startDate、endDate |
shape | String | square | 按钮形状,可选值 square、round、circle |
borderRadius | String, Number | true | 圆角背景,rpx 单位 |
# Events
事件名称 | 类型 | 说明 |
---|---|---|
@confirm | Function | 时间选择器点击【确定】按钮时时触发的事件,参数为选择器的当前的日期数组 |