尤明明Blog

网站建设 | 前端切图,技术不仅是一种专业,更是一种责任!

您的当前位置: 首页 » 前端学习 » vue »

vue格式化时间戳出现NaN-NaN-NaN解决

2024-11-28   Umming   vue    评论(0)    浏览(36)


说到vue格式化时间戳,大家肯定想,这个很简单;但是对于刚入门的小白来说还是很棘手,这是什么问题呢,可能你从接口拿到的时间戳通过new Date()转换后得到的字符串一直是1970年,炸裂,这是为啥?首先看看你拿到的时间戳是多少位,13位的时间戳,其精度是毫秒(ms);10位的时间戳,其精度是秒(s);而Javascript 内部使用毫秒,所以如果你的时间戳是13位那可以直接new Date()转换,如果是10位的需要*1000再转换;下面给大家提供一个vue格式化时间戳的模块的过滤器:

//创建全局的过滤器
Vue.filter('dateFormat',(dateStr) => {
  const dt = new Date(dateStr*1000) //13位时间戳不用*1000
  const y = dt.getFullYear()
  const m = padZero(dt.getMonth() + 1)
  const d = padZero(dt.getDate())
  const hh = padZero(dt.getHours())
  const mm = padZero(dt.getMinutes())
  const ss = padZero(dt.getSeconds())
  return `${y}-${m}-${d}`
  })
  function padZero(n) {
  return n > 9 ? n :'0'+ n
  }
  使用方法
  {{addtime | dateFormat}}


标签: vue

本文链接:https://www.umming.com/vue/367.html

声明:本站信息由网友自行发布或来源于网络,真实性、合法性由发布人负责,请仔细甄别!本站只为传递信息,我们不做任何双方证明,也不承担任何法律责任。文章内容若侵犯你的权益,请联系本站删除!


发表评论:

//