el-date-picker 类型为 datetime，禁用当天之前的时间

最新推荐文章于 2024-04-01 20:01:21 发布

blueBings

最新推荐文章于 2024-04-01 20:01:21 发布

阅读量1.1k

点赞数

分类专栏： vue 文章标签： html el-date-picker datetime elementui

本文链接：https://blog.csdn.net/mentalitys/article/details/125411763

版权

vue 专栏收录该内容

17 篇文章 1 订阅

订阅专栏

<el-date-picker v-model="ruleForm.releaseTime"  value-format="yyyy-MM-dd HH:mm:ss"  type="datetime" placeholder="选择日期时间" :picker-options="{
              disabledDate(time) {
                return time.getTime() < Date.now() - 8.64e7
              },
              selectableRange: startTimeRange
            }" />

data:{}

 ruleForm:{
   releaseTime:''
 },
 startTimeRange:''

script

 watch: {
    'ruleForm.releaseTime': {
      handler(newValue, oldValue) {
        if (newValue) {
          let dateTime = '';
          const yy = new Date().getFullYear()
          const mm = new Date().getMonth() + 1
          const dd = new Date().getDate()
          const hh = new Date().getHours()
          const mz = mm < 10 ? '0' + mm : mm
          const mf = new Date().getMinutes() < 10 ? '0' + new Date().getMinutes()
            : new Date().getMinutes()
          const ss = new Date().getSeconds() < 10 ? '0' + new Date().getSeconds()
            : new Date().getSeconds()
          dateTime = yy + '-' + mz + '-' + dd + ' ' + hh + ':' + mf + ':' + ss
          const dt = dateTime.split(' ')
          let st = ''

          if (newValue.split(' ')[0] === dt[0]) {
            // 是今天,选择 的时间开始为此刻的时分秒
            st = dt[1]
          } else {
            // 明天及以后从0时开始
            st = '00:00:00'
          }

          this.startTimeRange = st + ' - 23:59:59'
          console.log(this.startTimeRange, 'startTimeRange')
          // 例如：如果今天此刻时间为10:41:40 则选择时间范围为： 10:41:40 - 23:59:59
          // 否则为：00:00:00- 23:59:59
        }
      }
    }
  },