天天看點

elementUI 中 日期和時間範圍元件 el-date-picker 限制選擇日期

限制不能選擇今天以及今天之後的日期

elementUI 中 日期和時間範圍元件 el-date-picker 限制選擇日期
<el-date-picker
  v-model="value2"
  type="datetimerange"
  :picker-options="{disabledDate: disabledDateHandler}"
  range-separator="至"
  start-placeholder="開始日期"
  end-placeholder="結束日期"
  align="right"
>
</el-date-picker>
<script>
  export default {
	data(){
	  return {
	    value2:''
	  }
	},
	methods(){
	  disabledStartDate(time) {
	    if (time) {
	      // 限制不能選擇今天及之後的日期 
	      return time.getTime() > dayjs(this.listQuery.sgfssj_end).valueOf() - 8.64e7
	    }
	  },
	}
  }
</script>