日期选择器设定选择范围和设定默认时间


<el-date-picker
  v-model="form.auditTime"                        //绑定的数据值 
  type="daterange"
  style="width: 260px"
  size="small"
  clearable
  :picker-options="setDisabled"                   // 设置选择的时间的范围 
  value-format="yyyy-MM-dd hh:mm:ss"              // 时间格式 带时分秒  
  range-separator="至"
  start-placeholder="开始日期"
  end-placeholder="结束日期"
  @change="getTime1" />    





data() {
  return {
    setDisabled:{
      disabledDate(time) {
        return time.getTime() > Date.now(); //禁止选择今天以后的时间
        //return time.getTime() < Date.now() - 8.64e7;//禁止选择今天以前的时间
                          }
                 },  
             }
    methods:{
       getTime(){ 
                   const start = new Date("2021-11-20 23:59:59")
                   const end = new Date("2021-11-30 23:59:59")  //给返回的时间更改时间格式。 
                   this.form.auditTime = [start, end] 
                }
             }
       } 

你可能感兴趣的:(学习阶段,javascript,开发语言,ecmascript)