VueJs - Element UI:如何设置不早于今天的el-date-选择器
VueJs - Element UI:如何设置不早于今天的el-date-选择器
提问于 2021-04-05 16:34:18
我使用的是带有element-plus的Vue3.0。我想设置一个el-日期选择器，并确保startTime不能早于明天。
如何添加验证或日期选项？
下面是我的组件：
<el-form-item label="choose date">
<el-date-picker
v-model="timeArray"
type="datetimerange"
start-placeholder="startTime"
end-placeholder="endTime"
:default-time="defaultTime"
>
</el-date-picker>
</el-form-item>
data() {
return {
defaultTime: [
new Date(2021, 1, 1, 12, 0, 0),
new Date(2021, 2, 1, 12, 0, 0)
],
}
}感谢您的关注！我真的很感激。
回答 1
Stack Overflow用户
发布于 2021-06-28 22:38:43
使用de disabledDate方法
<el-form-item label="choose date">
<el-date-picker
v-model="timeArray"
type="datetimerange"
start-placeholder="startTime"
end-placeholder="endTime"
:default-time="defaultTime"
:disabled-date="disabledDate"
>
</el-date-picker>
</el-form-item>
data() {
return {
defaultTime: [
new Date(2021, 1, 1, 12, 0, 0),
new Date(2021, 2, 1, 12, 0, 0)
],
disabledDate(time) {
return time.getTime() <= Date.now()
},
}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/66950242
复制相关文章
相似问题
腾讯云开发者
