码迷,mamicode.com
首页 > 其他好文 > 详细

vue 日期格式化过滤器

时间:2019-12-23 12:54:31      阅读:286      评论:0      收藏:0      [点我收藏+]

标签:过滤   日期格式化   fun   lte   mon   for   sof   get   port   

formateDate日期格式化,写在公共的js中:

export function formateDate(date, fmt){
    if (‘/(y+)/‘.test(fmt){
        fmt = fmt.replace(RegExp.$1, (date.getFullYear()+‘‘).substr(4-RegExp.$1.length));
    }
    let obj = {
        ‘M+‘: date.getMonth()+1,
        ‘d+‘: date.getDate(),
        ‘h+‘: date,getHours(),
        ‘m+‘: date.getMinutes(),
        ‘s+‘: date.getSeconds()
    };
    for (let k in obj){
        if(new RegExp(`(${k}`).test(fmt)){
            let str = obj[k] + ‘‘;
            fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? str:padLeftZero(str));
        }
    }
    return fmt;
}

//padLeftZero: 在数字前面补0,如月份为9,则显示09:
function padLeftZero(str){
  return (‘00‘+str).substr(str.length);
}

 

在需要引用formateDate方法的vue组件中引入:

1 import {formateDate} from ...
2 
3 1 filters: { 
4 2     formateDate(time){
5 3         let date = new Date(time); 
6 4         return formateDate(date, ‘yyyy-MM-dd hh:mm‘); 
7 5     } 
8 6 }   

 

 

vue 日期格式化过滤器

标签:过滤   日期格式化   fun   lte   mon   for   sof   get   port   

原文地址:https://www.cnblogs.com/yehx/p/12082916.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!