element el-date-picker 时间控件

微笑小土豆

于 2024-05-30 16:26:15 发布

阅读量130

点赞数 3

文章标签： vue.js elementui 前端

本文链接：https://blog.csdn.net/M781101/article/details/139327868

版权

element el-date-picker 时间控件限制开始时间和结束时间

 <el-date-picker
                v-model="scope.row.endTime"  :disabled="edit"
                size="small"
                value-format="yyyy-MM-dd"
                type="date"
                :picker-options="dateTimeStartFirst"
                placeholder="结束时间" >
              </el-date-picker>






js

data(){
return {

     dateTimeStartFunc: {
        disabledDate: time => {
          if (this.formAdd.startTime) {
            return time.getTime() < (new Date(this.formAdd.startTime).getTime()- 8.64e7)||time.getTime() > new Date(this.formAdd.endTime).getTime()
          }
        }
      },
}
}

注意：起始时间一定要减（8.64e7）才能选择起始的当天