美文网首页
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