首页 > 技术文章 > iview日期插件的时间格式转换

wssdx 2019-10-12 10:49 原文

 import { parseTime } from '@/libs/tools'
<FormItem label="登记时间:">
              <DatePicker type="datetimerange" @on-change="timeChange" v-model="time" placeholder="请选择" style="width: 300px"></DatePicker>
            </FormItem>
 
 
 timeChange () {
      if (this.time.length && this.time[0] && this.time[1]) {
        this.formInline.startDate = parseTime(this.time[0]);
        this.formInline.endDate = parseTime(this.time[1]);
      } else {
        this.formInline.startDate = '';
        this.formInline.endDate = '';
      }
    },
 
 
 
tools.js
 
/**
 * @param {Number} time 字符串的时间或者对象的字段
 * @param {Number} cFormat 返回的格式
 */
export const 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 (('' + time).length === 10) time = parseInt(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(/{(y|m|d|h|i|s|a)+}/g, (result, key) => {
    let value = formatObj[key]
    if (key === 'a') return ['一', '二', '三', '四', '五', '六', '日'][value - 1]
    if (result.length > 0 && value < 10) {
      value = '0' + value
    }
    return value || 0
  })
  return time_str
}

推荐阅读