vue 日期格式化过滤器

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 }   

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

时间: 2024-08-29 13:38:11

vue 日期格式化过滤器的相关文章

vue定义日期格式化过滤器

1.0 // 函数对象(Vue为一个函数,作为对象来使用) // Vue.filter('dateString',function(value,format){ // return moment(value).format(format||'YYYY-MM-DD HH:mm:ss') // }) 2.0 //也可以用形参默认值 Vue.filter('dateString',function(value,format='YYYY-MM-DD HH:mm:ss'){ return moment(v

js日期格式化,工具类中

/** * for vue: 日期格式化 **/function dateFormat(value, format) { if (typeof(value) == "undefined" || value == null || value == '') { return value; } var date = new Date(value); format = format || 'yyyy-MM-dd'; var o = { "M+": date.getMonth

VUE:过滤器及日期格式化moment库

VUE:过滤器及日期格式化moment库 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>11_过滤器</title> </head> <body> <!-- 1)定义过滤器 Vue.filter(filterName,function(value[arg1,arg2,...])){ //进行一定的数组处理 ret

django 过滤器 、日期格式化参数

django1.4 html页面从数据库中读出DateTimeField字段时,显示的时间格式和数据库中存放的格式不一致,比如数据库字段内容为2012-08-26 16:00:00,但是页面显示的却是Aug. 26, 2012, 4 p.m. 为了页面和数据库中显示一致,需要在页面格式化时间,需要添加<td>{{ dayrecord.p_time|date:"Y-m-d H:i:s" }}</td> 类似的过滤器.刷新页面,即可正常显示. 过滤器相关: 一.形式

django 过滤器、日日期格式化参数

转载:http://blog.csdn.net/xyp84/article/details/7945094 django1.4 html页面从数据库中读出DateTimeField字段时,显示的时间格式和数据库中存放的格式不一致,比如数据库字段内容为2012-08-26 16:00:00,但是页面显示的却是Aug. 26, 2012, 4 p.m. 为了页面和数据库中显示一致,需要在页面格式化时间,需要添加<td>{{ dayrecord.p_time|date:"Y-m-d H:i

AngularJS的日期格式化有两种形式

AngularJS的日期格式化有两种形式,一种是在HTML页面,一种是在JS代码里,都是用到AngularJS的过滤器$filter. HTML: date_expression 即 你在$scope中设的date类型变量(注意,一定是date object才正确), 也是要显示出来的日期,|是分割符号,分割符号后面的第一个参数date是指明过滤器类型是过滤日期的,第二个参数format是你的日期要格式化成什么样子,比如yyyy-MM-dd,最后timezone一个是时区(可选参数),对于国际化

thymeleaf中的日期格式化

本篇介绍些thymeleaf中的日期格式化的方法: 1.用#dates.format来解决: <span th:text="${#dates.format(user.date, 'yyyy-MM-dd')}">4564546</span> 或者<span th:text="${#dates.format(billingForm.startTime,'yyyy-MM-dd HH:mm:ss')}">4564546</span&

js输出日期格式化

//日期格式化 Date.prototype.Format = function(fmt) { var o = { "M+" : this.getMonth() + 1, "d+" : this.getDate(), "h+" : this.getHours(), "m+" : this.getMinutes(), "s+" : this.getSeconds(), "q+" : Mat

161226、js日期格式化

JavaScript Date format(js日期格式化) 方法一:// 对Date的扩展,将 Date 转化为指定格式的String // 月(M).日(d).小时(h).分(m).秒(s).季度(q) 可以用 1-2 个占位符, // 年(y)可以用 1-4 个占位符,毫秒(S)只能用 1 个占位符(是 1-3 位的数字) // 例子: // (new Date()).Format("yyyy-MM-dd hh:mm:ss.S") ==> 2006-07-02 08:09