El-Plus-Crud

Appearance

Daterange 时间 ​

名称 ​

组件名称：ElPlusFormDaterange

被引用类型: daterange

TIP

被引用类型是指：当该组件作为子组件被 form 或者 table 组件引用时， formDesc 中对应的 type 类型。

基础用法 ​

先看效果

代码
html
<div class="demo">
    <ElPlusFormDaterange class="item"  :desc="{ startPlaceholder: '开始时间', endPlaceholder:'结束时间', size: 'large' }" />
    <ElPlusFormDaterange class="item" :desc="{ startPlaceholder: '开始时间', endPlaceholder:'结束时间',' }"  />
    <ElPlusFormDaterange class="item" :desc="{ startPlaceholder: '开始时间', endPlaceholder:'结束时间', size: 'small' }" />
</div>
<div class="demo">
    <ElPlusFormDaterange class="item" :desc="{ startPlaceholder: '开始时间', endPlaceholder:'结束时间', disabledDate:(date)=> (date > new Date()) }" />
</div>
<div class="demo">
    <ElPlusFormDaterange class="item"  :desc="{ startPlaceholder: '开始时间', endPlaceholder:'结束时间', size: 'large' }" />
    <ElPlusFormDaterange class="item" :desc="{ startPlaceholder: '开始时间', endPlaceholder:'结束时间',' }"  />
    <ElPlusFormDaterange class="item" :desc="{ startPlaceholder: '开始时间', endPlaceholder:'结束时间', size: 'small' }" />
</div>
<div class="demo">
    <ElPlusFormDaterange class="item" :desc="{ startPlaceholder: '开始时间', endPlaceholder:'结束时间', disabledDate:(date)=> (date > new Date()) }" />
</div>

API 属性 ​

这里只列举除官方组件以外的属性，官网属性参考 官网 DatePicker API