<el-date-picker> 禁用小于此刻的时间

1,068 阅读1分钟
 <el-date-picker v-model="pushTime" type="datetime" placeholder="请选择发送时间"
 :picker-options="pickerPushTime" value-format="yyyy-MM-dd HH:mm:ss" clearable />
import { parseTime } from '@/utils/parseTime.js'

export default {
  data() {
    return {
      pickerPushTime: {
        disabledDate(time) {
          const dateTime = new Date()
          const startDateTime = dateTime.setDate(dateTime.getDate() - 1)
          return (
            time.getTime() < new Date(startDateTime).getTime()
          )
        },
        selectableRange:
          parseTime(new Date(new Date().setHours(new Date().getHours())), '{hh}:{ii}:{ss}') + '- 23:59:00'
      },
    }
   }

watch 判断日期是否为今天

  watch: {
    'editForm.pushTime': function(newVal, oldVal) {
      const today = parseTime(new Date(), '{yy}-{mm}-{dd}')
      const check = parseTime(newVal, '{yy}-{mm}-{dd}')
      // 如果两次选择的时间不相等
      if (check) {
        // 如果这次选择的时间等于今天的时间就不让选当前小时之前,否则就可以选全部时间段
        if (check === today) {
          this.pickerPushTime.selectableRange = parseTime(new Date(new Date().setHours(new Date().getHours())), '{hh}:{ii}:{ss}') + '- 23:59:00'
        } else {
          this.pickerPushTime.selectableRange = '00:00:00 - 23:59:00'
        }
      }
    }
  },

parseTime 格式化时间方法

export function parseTime(time, cFormat) {
  if (arguments.length === 0) {
    return null
  }
  const format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}'
  let date
  if (typeof time === 'object') {
    date = time
  } else {
    if (typeof time === 'string' && /^[0-9]+$/.test(time)) {
      time = parseInt(time)
    }
    if (typeof time === 'number' && time.toString().length === 10) {
      time = time * 1000
    }
    date = new Date(time)
  }
  const formatObj = {
    y: date.getFullYear(),
    m: date.getMonth() + 1,
    d: date.getDate(),
    h: date.getHours(),
    i: date.getMinutes(),
    s: date.getSeconds(),
    a: date.getDay()
  }
  const time_str = format.replace(/{([ymdhisa])+}/g, (result, key) => {
    const value = formatObj[key]
    // Note: getDay() returns 0 on Sunday
    if (key === 'a') {
      return ['日', '一', '二', '三', '四', '五', '六'][value]
    }
    return value.toString().padStart(2, '0')
  })
  return time_str
}