使用filter对时间输出格式进行设置

shilu963

于 2018-10-10 14:27:37 发布

阅读量565

点赞数

分类专栏： Vue

本文链接：https://blog.youkuaiyun.com/shilu963/article/details/82996522

版权

Vue 专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何在Vue.js中创建一个自定义过滤器来格式化日期和时间，支持多种输出格式，如'yyyy-MM-dd'和'yyyy-MM-dd HH:mm:ss'。

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

使用filter 输出想要的类型的数据格式其中使用模板字符串

<td>{{item.ctime | format('')}}</td>

Vue.filter("format",function(ctime,pattern){
           var date =new Date(ctime)
           var y=date.getFullYear()
           var m=(date.getMonth()+1).toString().padStart(2,0)
           var d=(date.getDate()).toString().padStart(2,0)
           if(pattern && pattern.toLowerCase()=='yyyy-mm-dd'){
               return `${y}-${m}-${d}`
           }else{
               var h=(date.getHours()).toString().padStart(2,0)
               var mm=(date.getMinutes()).toString().padStart(2,0)
               var s=(date.getSeconds()).toString().padStart(2,0)
               return `${y}-${m}-${d} ${h}:${mm}:${s}`
           }

       })