vue-过滤器-时间戳转换

main.js

// 将时间戳转日期格式的过滤器
Vue.filter('dateFormat', (dataStr) => {
      var time = new Date(dataStr);
    
      function timeAdd0(str) {
        if (str < 10) {
          str = '0' + str;
        }
        return str
      }
      var y = time.getFullYear();
      var m = time.getMonth() + 1;
      var d = time.getDate();
      var h = time.getHours();
      var mm = time.getMinutes();
      var s = time.getSeconds();
      return y + '-' + timeAdd0(m) + '-' + timeAdd0(d) + ' ' + timeAdd0(h) + ':' + timeAdd0(mm) + ':' + timeAdd0(s);
})

new Vue({
      el: '#app',
      render: h => h()
})

.vue

<div id="app">
       <p>{{ dateTime | dateFormat }}</p>
</div>

moment时间戳-过滤器

import moment from 'moment'// 可以不用use

Vue.filter('moment', (e)=>{
  return moment(e).format('YYYY-MM-DD')
})
//    使用
<div id="app">
       <p>{{date | moment}}</p> 
</div>

喜欢的小伙伴可以关注我的微信公众号“前端伪大叔”

 

posted @ 2019-10-20 10:58  前端伪大叔  阅读(5668)  评论(0编辑  收藏  举报