vue时间戳转换为标准日期

文章目录

• • 概要
  • 技术细节

概要

在写代码中后端发送了一个时间戳格式的数距，而在前端显示也就只是一段数字，为了将其转换为标准的日期格式，将进行以下实现。

技术细节

在main文件中写入以下代码

Vue.filter('dateFormat', function (originVal) {
  const dt = new Date(originVal);
 
  //获取年份
  const y = dt.getFullYear();
  //获取月份，月份是从0开始，需要+1，先＋1转换成字符串，调用字符串的padStart方法，保证位数为2，不足补0
  const m = (dt.getMonth() + 1 + '').padStart(2, '0');
  const d = (dt.getDate() + '').padStart(2, '0');
 
  const hh = (dt.getHours() + '').padStart(2, '0');
  const mm = (dt.getMinutes() + '').padStart(2, '0');
  const ss = (dt.getSeconds() + '').padStart(2, '0');
 
  return `${y}-${m}-${d}`;
})