| modelValue/v-model | string | -- | '' | 绑定值 |
| width | number | -- | 240 | 触发器宽度 |
| disabled | boolean | -- | false | 禁用整个组件 |
| caption | string | -- | '' | 前置标签 |
| clearable | boolean | -- | true | 是否可以清空 |
| type | string | year/month/date/datetime/yearrange/monthrange/daterange/datetimerange | date | 日期类型 |
| placeholder | string | -- | 选择日期 | 提示文案 |
| scope | string | -- | '' | 限定可选时间段 |
| itemMapHandle | Function | -- | undefined | 自定义每项样式以及禁用逻辑 |
| timePicker | object | '{format:"hms",stepH:1,stepM:15,stepS:15}' | '{format:"hms"}' | 日期+时间点类型(datetime),timePicker组件相关属性(注意:仅仅支持时间格式相关,如,format,stepH等,modelValue,scope依然由日期组件控制) |
| format | string | -- | '' | 显示在输入框中的格式 |
| range-separator | string | -- | - | 选择范围时的分隔符,配合format使用 |
| popoverAttrs | PopoverProps | {} | -- | popover组件的属性 属性参考 Popover props |
| placeholderStyle | object | {} | -- | 自定义placeholder样式 |
| simpleStyle | boolean | false | -- | 是否开启简易样式 |
| maxAllowedDays | Number | 0 | -- | 天范围选择时,最大可选天数:开始日期选择后,超出最大天数的日期将被禁用 |
| singlePanel | boolean | false | -- | 范围类型是否仅显示单个看板 - 用于不允许跨年、跨月的情况 |
| yearSelectHide | boolean | false | -- | 隐藏选择年份下拉框,用于无需区分年份,选择月、日的场景 |
| beforeConfirmClick | function | | -- | 范围类型点击确定前的拦截,用于需要特殊处理是否允许回显选中结果的情况 |
| forbidPanelHide | boolean | false | -- | 下拉看板禁止关闭,用于特殊场景下用户需要自主控制看板不关闭的情况 |
| confirmBtnAttr | object | '{disabled: false,loading: false}' | -- | type=range类型,确定按钮属性,需要配合forbidPanelHide,否则点击确定后会自动关闭看板 |
| panelDefaultDate | string | '' | -- | 单个看板,看板头部默认选中的年(年、月)(例:type=date可设置为'2024.02';type=month,可设置为'2024') |
| startPanelDefaultDate | string | '' | -- | type=range,第一个看板头部默认选中的年(年、月) |
| endPanelDefaultDate | string | '' | -- | type=range,第二个看板头部默认选中的年(年、月) |
| disabledTipsText | string | '' | -- | 整个组件禁用时提示文案 |
| scopeDisabledTipsText | string | '' | -- | 禁用节点的提示文案 |
| confirmBtnText | string | '' | 确定 | 确定按钮文案 |
| cancelBtnText | string | '' | 取消 | 取消按钮文案 |
| showTypeSwitch | boolean | | false | 看板内是否显示日、周、月、年切换 |
| typeSwitchRange | boolean | | false | showTypeSwitch=true时,是否开启范围选择 |
| typeSwitchList | Array | 'date', 'week', 'month', 'year' | 'date', 'week', 'month', 'year' | showTypeSwitch=true时,自定义可以切换的类型列表 |
| typeSwitchSelected | string | 'date' | 'date', 'week', 'month', 'year' | showTypeSwitch=true时,当前选中的时间类型(v-model:typeSwitchSelected) |
| toggleRange | boolean | | false | toggleRange设置为true可切换时间点、时间段 |