最近的 工作当中遇到一个问题,就是使用Element日期控件 DatePicker 日期选择器的时候,因为我是用于预约功能 产品说:过去的时间还能选,是想让他穿越嘛…(能穿越多好!起)哈哈哈哈
本来是这样的
- 在DatePicker 日期选择器组件上设置:picker-options=“pickerOptions”
<el-row :gutter="1">
<el-col :span="13">
<el-date-picker
v-model="Dateshijian"
type="date"
value-format="yyyy-MM-dd"
@change="getlist"
:picker-options="pickerOptions"//就是这个
placeholder="选择活动日期"
></el-date-picker>
</el-col>
<el-col :span="11" class="hone">
<el-input
placeholder="请输入标题"
clearable
@clear="getlist"
v-model="data.title"
class="Gallery_sous"
>
<el-button
slot="append"
:loading="loadings"
icon="el-icon-search"
@click="getlist()"
></el-button>
</el-input>
</el-col>
</el-row>
- 在data中设置下
data() {
return {
pickerOptions: {
// 限制预约时间
disabledDate(time) {
return time.getTime() < Date.now() - 24 * 60 * 60 * 1000
}
},
}
},
设置后
放上去会有禁止号 截图不下来
完事!