时间戳转换年月日时分秒

1.新建date.js

/**
 * js时间格式化工具
 *
 * console.log(dateFormat('1980-02-03 22:22:22', 'yyyy年MM月dd日'))
 * console.log(dateFormat('1980-02-03T22:22:22', 'yyyy年MM月dd日'))
 * console.log(dateFormat('1573653506', 'yyyy年MM月dd日'))
 * console.log(dateFormat(1573653506, 'yyyy年MM月dd日'))
 * console.log(dateFormat(new Date(), 'yyyy年MM月dd日'))
 * console.log(getDateDiff('2019-11-14 14:10:50'))
 * console.log(getBeforeDate(-50))
 */

/**
 * 时间格式化
 * @param {*} inputDate  输入时间（string:dateS or string timestamp or number:timestamp）
 * @param {*} formatter  格式化类型，默认yyyy-MM-dd hh:mm:ss
 */
 export function dateFormat(inputDate, formatter = "yyyy-MM-dd hh:mm:ss") {
  let date = strToDate(inputDate);
  const o = {
    "M+": date.getMonth() + 1, // 月
    "d+": date.getDate(), // 日
    "H+": date.getHours(), // 时
    "m+": date.getMinutes(), // 时
    "s+": date.getSeconds(), // 秒
    "q+": Math.floor((date.getMonth() + 3) / 3), // 季度
    S: date.getMilliseconds(), // 毫秒
  };
  if (/(y+)/.test(formatter)) {
    formatter = formatter.replace(
      RegExp.$1,
      (date.getFullYear() + "").substr(4 - RegExp.$1.length)
    );
  }
  for (let k in o) {
    if (new RegExp("(" + k + ")").test(formatter))
      formatter = formatter.replace(
        RegExp.$1,
        RegExp.$1.length == 1 ? o[k] : ("00" + o[k]).substr(("" + o[k]).length)
      );
  }
  return formatter;
}

/**
 * 获取时间差，刚刚、几分钟前、几小时前、几个月前
 * @param {输入时间} inputDate
 */
export function getDateDiff(inputDate) {
  let result;
  let date = strToDate(inputDate);
  let inputTimeStamp = date.getTime();
  let nowTimeStamp = new Date().getTime();
  let minute = 1000 * 60;
  let hour = minute * 60;
  let day = hour * 24;
  let week = day * 7;
  let month = day * 30;
  let diffTime = nowTimeStamp - inputTimeStamp;
  if (diffTime < 0) {
    return;
  }
  let diffMinute = diffTime / minute;
  let diffHour = diffTime / hour;
  let diffDay = diffTime / day;
  let diffWeek = diffTime / week;
  let diffMonth = diffTime / month;
  if (diffMonth >= 1 && diffMonth <= 3) {
    result = parseInt(diffMonth) + "月前";
  } else if (diffWeek >= 1 && diffWeek <= 3) {
    result = parseInt(diffWeek) + "周前";
  } else if (diffDay >= 1 && diffDay <= 6) {
    result = parseInt(diffDay) + "天前";
  } else if (diffHour >= 1 && diffHour <= 23) {
    result = parseInt(diffHour) + "小时前";
  } else if (diffMinute >= 1 && diffMinute <= 59) {
    result = parseInt(diffMinute) + "分钟前";
  } else if (diffTime >= 0 && diffMinute <= minute) {
    result = "刚刚";
  } else {
    result = dateFormat(inputTimeStamp);
  }
  return result;
}

/**
 * 获取几天前的时间
 * @param {天数} days
 */
export function getBeforeDate(days) {
  var today = new Date();
  // 获取AddDayCount天后的日期
  today.setDate(today.getDate() + days);
  var year = today.getFullYear();
  // 获取当前月份的日期，不足10补0
  var month =
    today.getMonth() + 1 < 10
      ? "0" + (today.getMonth() + 1)
      : today.getMonth() + 1;
  // 获取当前几号，不足10补0
  var day = today.getDate() < 10 ? "0" + today.getDate() : today.getDate();
  return year + "-" + month + "-" + day;
}

/**
 * 字符串转Date类型
 * @param {} dateStr
 */
function strToDate(dateStr) {
  if (!dateStr) {
    return null;
  }
  let date;
  // 字符串格式
  if (dateStr instanceof Date) {
    date = dateStr;
  } else {
    // 时间戳
    if (!isNaN(dateStr)) {
      // 时间戳
      if (dateStr.toString().length == 10) {
        date = new Date(dateStr * 1000);
      } else if (dateStr.toString().length == 13) {
        date = new Date(dateStr);
      } else {
        return "";
      }
    } else {
      if (dateStr.indexOf(".") > -1) {
        // 有些日期接口返回数据中带有".0"
        dateStr = dateStr.substring(0, dateStr.indexOf("."));
      }
      // 解决localtime T
      dateStr = dateStr.replace("T", " ");
      // 解决ios系统无法格式化问题
      dateStr = dateStr.replace(/-/g, "/");
      date = new Date(dateStr);
    }
  }
  return date;
}

2.在vue文件里引用

在template里
{{ dateFormat(this.time1, "yyyy-MM-dd HH:mm:ss") }}

<script>
import { dateFormat } from "@/utils/date";
export default {
data() {
   return {
    time1:'1657074770',
}},
  created() {
    this.dateFormat();
  },
    methods: {
  // 时间戳转换
      dateFormat(inputDate, formatter = "yyyy-MM-dd HH:mm:ss") {
          return dateFormat(inputDate, formatter);
       },
}
}
</script>