题主首先参照别人的写法,写在里面,但是发现disabledDate一直是灰色调用不成功,后来进行别的参考
pickerOptions: {
disabledDate(time) {
return time.getTime() < Date.now() - 8.64e7; //如果没有后面的-8.64e7就是不可以选择今天的
},
},
也可以这样写,定义一个函数进行调用:增加一行代码:
:disabledDate="disabledDate"
表示调用的函数,其中时间不可用,
<el-date-picker
v-model="value1"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
:picker-options="pickerOptions"
:disabledDate="disabledDate">
</el-date-picker>
然后在methods里面进行定义
disabledDate(time) {
return time.getTime() < Date.now() - 8.64e7; //如果没有后面的-8.64e7就是不可以选择今天的
},
这样子就可以轻松实现日期不可选择了,如果有其他的想要的限制也可以加上去,网上很多
如我写的今天之前将无法再被选中! 希望你也有好的结果~
另外想问一下友友们:怎么让选择器在输入框正下方,那个至下面对着竖线,写了很多都不能实现,如果可以的话麻烦评论一下谢谢~ 主要是我觉得很丑,而且不知道为什么在检查上没找到
谢谢友友们!
标签:Vue,调用,time,disabledDate,e7,8.64,选择器 From: https://blog.csdn.net/m0_63577432/article/details/137275508