vue2中element-ui实现时间范围,精确到时分秒

391 阅读1分钟

vue2中element-ui实现时间范围,精确到时分秒

<el-date-picker v-model="addForm.arrivalTime" @focus="handleFocus" :pickeroptions="pickerOptions" value-format="yyyy-MM-dd HH:mm:ss" type="datetime" placeholder="选择日期"></el-date-picker>
data() {
    return {
        pickerOptions: {
            disabledDate (time) {
              const currentTime = new Date()
              return time.getTime() > currentTime.getTime()
            },
            selectableRange: '00:00:00 -' + znk.parseTime(new Date().setMinutes(new Date().getMinutes() + 1), '{hh}:{ii}:{ss}')
          }
    }
}
methods(){
    parseTime (time, pattern) {
        if (arguments.length === 0 || !time) {
          return null
        }
        const format = pattern || '{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)
          } else if (typeof time === 'string') {
            time = time.replace(new RegExp(/-/gm), '/')
          }
          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()
        }
        // eslint-disable-next-line camelcase
        let time_str = format.replace(/{(y|m|d|h|i|s|a)+}/g, (result, key) => {
          let value = formatObj[key]
          if (key === 'a') { return ['日', '一', '二', '三', '四', '五', '六'][value] }
          if (result.length > 0 && value < 10) {
            value = '0' + value
              }
          return value || 0
        })
        // eslint-disable-next-line camelcase
        return time_str
      }
}