在使用 el-date-picker 组件时,可以通过设置 :picker-options 属性来配置日期选择器。其中,disabledDate 函数可以用来禁止选择某些日期。在禁止选择今天之前的日期时,可以使用以下代码:

<el-date-picker type='daterange' :picker-options='pickerOptions'></el-date-picker>
<script>
export default {
  data() {
    return {
      pickerOptions: {
        disabledDate(time) {
          return time.getTime() < Date.now() - 8.64e7; // 禁止选择今天之前的日期
        }
      }
    };
  }
}
</script>

在上述代码中,disabledDate 函数中的 time 参数表示当前日期的时间戳。通过比较该时间戳和当前时间的时间戳,可以判断当前日期是否在今天之前。如果当前日期在今天之前,则返回 true,表示该日期不能被选择。否则返回 false,表示该日期可以被选择。


原文地址: https://www.cveoy.top/t/topic/nPVK 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录