vue时间框前后时间限制设置

最新推荐文章于 2023-05-06 09:51:18 发布

普通小程序员

最新推荐文章于 2023-05-06 09:51:18 发布

阅读量685

点赞数

分类专栏： Vue 文章标签： vue.js

本文链接：https://blog.csdn.net/qq_41611829/article/details/125507489

版权

Vue 专栏收录该内容

18 篇文章 1 订阅

订阅专栏

 <el-date-picker
                    v-model="value6"
                    type="datetimerange"
                    range-separator="至"
                    start-placeholder="开始日期" 

                    :picker-options="pickerOptions"  //时间段范围限制

                    end-placeholder="结束日期" 
                    size="mini"
                     @change="securityChange">
 </el-date-picker>




 data() {
      return {
          pickerOptions:{
              disabledDate:time =>{
                  return (//选择当前日期开始，最多三天日期
                      (time.getTime() > new Date(this.value6[1]).getTime() - 1*8.64e7 - 1) //从今天的前一天不可选（属于结束时间）
                      || (time.getTime() < new Date(this.value6[0]).getTime()) //今天之前的天数不可选（属于开始时间）

                  )
              }
          }

      }
  },



//样例
 data(){
        return {
            value:"",
            value2:"",
            pickerOptions:{
                disabledDate:time =>{
                    return (//选择当前日期开始，最多三天日期
                        (time.getTime() > new Date(new Date().toLocaleDateString()).getTime() + 3*8.64e7 - 1) //从今天往后的三天内
                        || (time.getTime() < new Date(new Date().toLocaleDateString()).getTime()) //今天之前的天数不可选

                    )
                }
            }
        }
    },