时间格式化封装和使用

时间格式化封装

第一步:在src下的util下建一个js文件;

第二步:封装代码;

export function formatTime(value, format) {
 
  if (typeof value !== 'number') {
    try {
      value = parseInt(value);
    } catch (e) {
      console.error('time parsing error');
      return '';
    }
  }
  let date = new Date(value);
  let y = date.getFullYear();
  let m = date.getMonth() + 1;
  let d = date.getDate();
  let h = date.getHours();
  let min = date.getMinutes();
  let s = date.getSeconds();
  let result = '';
  if (format == undefined) {
    result = `${y}-${m < 10 ? '0' + m : m}-${d < 10 ? '0' + d : d} ${
      h < 10 ? '0' + h : h
    }:${min < 10 ? '0' + min : min}:${s < 10 ? '0' + s : s}`;
  }
  if (format == 'yyyy-mm-dd hh:mm') {
    result = `${y}-${m < 10 ? '0' + m : m}-${d < 10 ? '0' + d : d} ${
      h < 10 ? '0' + h : h
    }:${min < 10 ? '0' + min : min}`;
  }
  if (format == 'yyyy-mm-dd') {
    result = `${y}-${m < 10 ? '0' + m : m}-${d < 10 ? '0' + d : d}`;
  }
  if (format == 'yyyy-mm') {
    result = `${y}-${m < 10 ? '0' + m : m}`;
  }
  if (format == 'mm-dd hh:mm') {
    result = `${m < 10 ? '0' + m : m}-${d < 10 ? '0' + d : d} ${
      h < 10 ? '0' + h : h
    }:${min < 10 ? '0' + min : min}`;
  }
  if (format == 'hh:mm') {
    result = ` ${h < 10 ? '0' + h : h}:${min < 10 ? '0' + min : min}`;
  }
  if (format == 'yyyy') {
    result = `${y}`;
  }
  return result;
}

第三步:在需要的页面引入使用

import * as format from '@/util/dateTime';

第四步:在methods中定义一个方法实现多个地方使用

getTime(a, b) {
      return format.formatTime(a, b);
    },

第五步:在你需要的使用的代码中使用

 {{ getTime('你需要更改的值', 'yyyy-mm-dd hh:mm') }}

感谢浏览，一起进步啊，加油，吼吼吼…