datetime-range v1.1.0
日期组件,默认情况下使用dict-datetime-range使用,如果字典包配置中有配置componentsPreFix字段,请根据此字段的具体配置值进行前缀修改,如配置了componentsPreFix为Bu, 则使用bu-datetime-range使用。
复制成功


组件结构
组件封装结构如下
vue
<dict-datetime ref="VanStartDatetimeRef" />
<dict-datetime ref="VanEndDatetimeRef" />js
const VanStartDatetimeRef = ref(null)
const VanEndDatetimeRef = ref(null)
const getVanStartDatetimeRef = () => {
return VanStartDatetimeRef.value
}
const getVanEndDatetimeRef = () => {
return VanEndDatetimeRef.value
}
defineExpose({ getVanStartDatetimeRef, getVanEndDatetimeRef })属性
| 属性 | 类型 | 说明 | 默认值 |
|---|---|---|---|
labels | String,Array | 开始时间和结束时间的配置,字符串时英文逗号分隔 | '开始日期时间,结束日期时间' |
min-date | String,Number,Date | 最小日期 | 十年前的今天 |
max-date | String,Number,Date | 最大日期 | 十年后的今天 |
showForever | Boolean | 是否显示永久选项 | false |
foreverLabel | String | 永久选项对应中文名 | 永久 |
foreverValue | String | 永久选项对应值 | forever |
maxDateWithForeverValue | Boolean | 当结束时间选择永久时,开始时间的最大可选时间是否跟随永久值 | false |
defaultValv1.1.0 | string | 有modelValue没值时的缺省代替显示值,默认为null | null |
openDefaultValJudgev1.1.0 | boolean | 是否当项目不可选时才显示defaultVal | true |
更多属性可阅读datetime组件

