美文网首页
vue---时间戳转换

vue---时间戳转换

作者: 默色留恋 | 来源:发表于2020-07-15 16:49 被阅读0次

在@/assets下创建一个utils.js

function formatDate(date, fmt) {
  if (/(y+)/.test(fmt)) {
    fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length))
  }
  let o = {
    'M+': date.getMonth() + 1,
    'd+': date.getDate(),
    'h+': date.getHours(),
    'm+': date.getMinutes(),
    's+': date.getSeconds()
  }
  for (let k in o) {
     if (new RegExp(`(${k})`).test(fmt)) {
        let str = o[k] + ''
        fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? str : padLeftZero(str))
     }
  }
  return fmt
}

function padLeftZero(str) {
   return ('00' + str).substr(str.length)
}

export {formatDate}

然后在当前页面引入:import { formatDate } from '@/assets/js/utils';

export default {
    //过滤
    filters: {
       formatDate(time) {
            time = time * 1000
            let date = new Date(time)
            return formatDate(date, 'yyyy-MM-dd')
        }
    },
}

在vue的dom中写入{{???|formatDate}}

<li v-for="title in comments" >
    <a href="#">
        <em>+</em>
        <h1>{{title.title}}</h1>
        <span>{{title.addtime|formatDate}}</span>
    </a>
</li>

转换结束

相关文章

网友评论

      本文标题:vue---时间戳转换

      本文链接:https://www.haomeiwen.com/subject/saljhktx.html