1.el-date-picker禁用时间

最新推荐文章于 2024-07-24 23:00:08 发布

想躲进快乐里

最新推荐文章于 2024-07-24 23:00:08 发布

阅读量625

点赞数 1

分类专栏： element 文章标签：前端 Powered by 金山文档

本文链接：https://blog.csdn.net/qq_45824759/article/details/128966544

版权

element 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

1.具体的禁用段时间及今天之前的时间

  <el-date-picker :picker-options="pickerOptions" v-if="value" v-model="textCreate.taskTime" type="datetime" placeholder="选择日期时间" default-time="12:00:00"
                            @change="changeTime($event)">
                        </el-date-picker>

computed: {
    //禁用当前日期之前的日期
    pickerOptions() {
      //如果选择的⽇期为最⼩⽇期，则设置为最⼩⽇期的时分秒
      let str = ''
      if (moment().isSame(moment(this.textCreate.sendTime), 'day')) {
        str = moment().add(1, 'H:m').format('HH:mm:00')
      } else {
        str = '08:00:00'
      }

      return {
        disabledDate: (time) => {
          return time.getTime() < Date.now() - 3600 * 1000 * 24 // 选当前时间之后的时间
        },
        //禁用具体时间段
        selectableRange: str + ' - 21:59:59',
      }
    },
  },