element 时间选择器通过 disabledDate 设置禁用日期及行内样式

最新推荐文章于 2024-03-07 18:29:35 发布

brave,

最新推荐文章于 2024-03-07 18:29:35 发布

阅读量566

点赞数 1

文章标签： javascript vue.js 前端

本文链接：https://blog.csdn.net/weixin_45832746/article/details/129389745

版权

<template>
    <div>
        <el-date-picker v-model="productionDate" type="date" placeholder="选择出厂日期" :disabled-date="disabledDate"></el-date-picker>
    </div>
</template>
<script>
  export default {
    data() {
      return {
        disabledDate(time) {
          return time.getTime() > Date.now(); //禁止选择今天以后的时间
          //return time.getTime() < Date.now() - 8.64e7;//禁止选择今天以前的时间
        }
      }
    }
  }
</script>

也能写成内部

<el-date-picker
	class="didian padding_le"
	v-model="formValidator.MaintainTime"
    type="date"
    :disabled-date="disabledDate"
     :picker-options="{
      disabledDate: time => {
      return time.getTime() < new Date()//只能选中明天或者以后的日期
         },
      }"
 	placeholder="选择日期"
    value-format="yyyy-MM-dd"
  ></el-date-picker>