element时间选择器禁选当前时间之后的时间(disabledDate)
<el-form-item label="社区救助时间:" prop="shequTime"><el-date-pickerv-model="formData.shequTime":picker-options = 'pickerOptions'type="datetimerange"format="yyyy-MM-dd HH:mm:ss"value-format="yyyy-M
·
<el-form-item label="社区救助时间:" prop="shequTime">
<el-date-picker
v-model="formData.shequTime"
:picker-options = 'pickerOptions'
type="datetimerange"
format="yyyy-MM-dd HH:mm:ss"
value-format="yyyy-MM-dd HH:mm:ss"
range-separator="至"
style="width:100%"
@change="dataTme"
start-placeholder="开始日期"
end-placeholder="结束日期">
</el-date-picker>
</el-form-item>
export default {
data() {
return {
// 禁选当前时间之后的时间
pickerOptions: {
disabledDate: (time) => {
return time.getTime() > new Date().getTime()
},
},
// 还可以禁选时间段
pickerOptions2: {
disabledDate: (time) => {
return time.getTime() < new Date('2018-01').getTime()
|| time.getTime() > new Date('2020-12').getTime();
},
},
}
}
}
更多推荐
已为社区贡献1条内容
所有评论(0)