el-date-picker限制时间选择,不能选择当前日期之后时间
    		       		warning:
    		            这篇文章距离上次修改已过436天,其中的内容可能已经有所变动。
    		        
        		                
                在Element UI的el-date-picker组件中,可以通过设置picker-options来限制时间选择。如果你想要限制不能选择当前日期之后的时间,可以使用以下代码:
<template>
  <el-date-picker
    v-model="value"
    type="date"
    placeholder="选择日期"
    :picker-options="pickerOptions">
  </el-date-picker>
</template>
 
<script>
  export default {
    data() {
      return {
        value: '',
        pickerOptions: {
          disabledDate(time) {
            return time.getTime() < Date.now() - 8.64e7; // 如果现在是9点,则只能选择今天之前的日期
          }
        }
      };
    }
  };
</script>在这个例子中,disabledDate函数用来确定哪些日期是不可选择的。Date.now()返回当前时间的毫秒数,而8.64e7是一天的毫秒数(24小时  60分钟  60秒 * 1000毫秒)。通过从当前时间减去这个数,我们可以确保只能选择今天之前的日期。如果需要严格限制在当前日期之前,不包括当前时间之后的时间,可以将Date.now()替换为new Date()。
评论已关闭