vue 过滤器实现时间戳转日期格式

最新推荐文章于 2024-08-30 17:32:32 发布

ZGY阿怪

最新推荐文章于 2024-08-30 17:32:32 发布

阅读量2.8k

点赞数 1

CC 4.0 BY-SA版权

文章标签： vue

本文链接：https://blog.youkuaiyun.com/yuan3397/article/details/84982208

本文介绍如何在Vue.js中使用自定义过滤器来格式化日期。通过定义Vue实例及函数方法，接着创建一个名为'dateFormat'的过滤器，实现了将Unix时间戳转换为可读日期格式的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js部分：

先定义vue实例及函数方法，再定义过滤器方法实现。

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

   new Vue({
       el: "#dateFormat",
       render: h => h()
   })

   Vue.filter('dateFormat',(dataStr) => {
       var time = new Date(dataStr*1000);
       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);
   })