Vue封装日期转化格式,获取当前时间和当前时间减一年的时间

首先我们要去封装一个日期转化格式函数

先新建一个 dataTime.js文件

// 日期格式化
export function 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), '/').replace('T', ' ').replace(new RegExp(/\.[\d]{3}/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()
  }
  const time_str = format.replace(/{(y|m|d|h|i|s|a)+}/g, (result, key) => {
    let value = formatObj[key]
    // Note: getDay() returns 0 on Sunday
    if (key === 'a') { return ['日', '一', '二', '三', '四', '五', '六'][value] }
    if (result.length > 0 && value < 10) {
      value = '0' + value
    }
    return value || 0
  })
  return time_str
}

使用

在你的 script里引入封装好的函数

import { parseTime } from "@/utils/dataTime";

获取当前日期

form.value.EndTime = parseTime(new Date());

获取当前日期减去一年的时间

	form.value.StartTime= parseTime(
    new Date(new Date() - 365 * 24 * 60 * 60 * 1000).getFullYear() +
      "-" +
      (new Date(new Date() - 365 * 24 * 60 * 60 * 1000).getMonth() + 1 < 10
        ? "0" +
          (new Date(new Date() - 365 * 24 * 60 * 60 * 1000).getMonth() + 1)
        : new Date(new Date() - 365 * 24 * 60 * 60 * 1000).getMonth() + 1) +
      "-" +
      (new Date(new Date() - 365 * 24 * 60 * 60 * 1000).getDate() < 10
        ? "0" + new Date(new Date() - 365 * 24 * 60 * 60 * 1000).getDate()
        : new Date(new Date() - 365 * 24 * 60 * 60 * 1000).getDate()) +
      " " +
      new Date().getHours() +
      ":" +
      new Date().getMinutes() +
      ":" +
      new Date().getSeconds()
  );

EndTime 是结束日期,StartTime是当前日期
请添加图片描述

你可能感兴趣的:(vue.js,javascript,前端)