Skip to content
广告位招租

优质广告位诚邀合作

本广告位曝光量正火速攀升,用户触达规模呈爆发式增长!现向品牌开放合作,趁曝光增长红利期,抓紧机会拿下,让您的品牌借势破圈!

--总浏览量(次)
--总计访客(人)

datetime-range v1.1.0

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

复制成功
00:00

组件结构

组件封装结构如下

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 })

点击阅读field组件使用文档

点击阅读popup组件使用文档

点击阅读picker-group组件使用文档

点击阅读date-picker组件使用文档

点击阅读time-picker组件使用文档

属性

属性类型说明默认值
labelsString,Array开始时间和结束时间的配置,字符串时英文逗号分隔'开始日期时间,结束日期时间'
min-dateString,Number,Date最小日期十年前的今天
max-dateString,Number,Date最大日期十年后的今天
showForeverBoolean是否显示永久选项false
foreverLabelString永久选项对应中文名永久
foreverValueString永久选项对应值forever
maxDateWithForeverValueBoolean当结束时间选择永久时,开始时间的最大可选时间是否跟随永久值false
defaultValv1.1.0stringmodelValue没值时的缺省代替显示值,默认为nullnull
openDefaultValJudgev1.1.0boolean是否当项目不可选时才显示defaultValtrue

更多属性可阅读datetime组件

微信公众号【爆米花小布】

0%

置顶

置顶