# 日期选择器(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 时间选择器点击【确定】按钮时时触发的事件,参数为选择器的当前的日期数组
上次更新: 3/16/2024, 11:22:51 PM