首页 > 其他 > 详细

vue-过滤器-时间戳转换

时间:2019-10-20 12:00:30      阅读:249      评论:0      收藏:0      [点我收藏+]

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>

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

技术分享图片

 

vue-过滤器-时间戳转换

原文:https://www.cnblogs.com/qdwds/p/11706940.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!