el-date-picker指定日期禁用
来源:openlayers-cesium.com 时间:07-27
在使用el-date-picker的时候,有的情况下需要禁用某个时间段的时间。
HTML
- <el-date-picker size="mini" v-model="time" type="daterange" :range-separator="$t('common.to')"
- :start-placeholder="$t('common.stime')" :end-placeholder="$t('common.etime')"
- style="width: 300px;" value-format="yyyy-MM-dd"
:picker-options="pickerOptions" >- </el-date-picker>
示例一:
![](/uploads/2207/2_220727151214_1.png)
data中:
pickerOptions: {- disabledDate(time) {
- return time.getTime() > Date.now()-24*60*60*1000
- }
- },
示例二:
![](/uploads/2207/2_220727151326_1.png)
data中:
pickerOptions :{- disabledDate(time) {
- return time.getTime() < Date.now()
- }
- },