Vue 使用过滤器实现将时间戳转日期格式

render函数是渲染一个视图,然后提供给el挂载,如果没有render则页面什么都不会显示, Vue 实例对象的 render 方法作为一个函数,接受传入的参数 h 函数,返回 h() 的函数调用结果。

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()
})

HTML部分

<div id="app">
       <p>{{ dateTime | dateFormat }}</p>
</div>
    原文作者:Liu_xiaoqing
    原文地址: https://segmentfault.com/a/1190000019123590
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞