[JavaScript知识库] el-date-picker设置不能选择今天之后的时间

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> JavaScript知识库 -> el-date-picker设置不能选择今天之后的时间 -> 正文阅读

[JavaScript知识库]el-date-picker设置不能选择今天之后的时间

我们以 2022-05-17日为例为了让大家看的跟清晰我这里就直接写字符串的时间了

 <el-date-picker
v-model="condition.startDate"
  @change = "setStartDate"
  style="width:150px"
  type="date"
  :picker-options="StartDatetions"
></el-date-picker>

不用抄我的只需要看懂这个picker-options就行了这里我们picker-options绑定了一个响应式数据StartDatetions
然后我们在组件的data中实现这个值

data(){
        return {
            StartDatetions: {
                disabledDate: time => {
                   if(this.condition.endDate){
                       return time.getTime() > new Date('2022-05-17');
                    }
                }
            }
       }
}

这样就可以看到十七号之后的时间就点不了了
在这里插入图片描述
然后我们将条件反过来

data(){
        return {
            StartDatetions: {
                disabledDate: time => {
                   if(this.condition.endDate){
                       return time.getTime() < new Date('2022-05-17');
                    }
                }
            }
       }
}