首页 > 其他 > 详细

vue中定义一个格式化时间的过滤器

时间:2020-11-27 22:17:54      阅读:42      评论:0      收藏:0      [点我收藏+]

//写在入口文件中 main.js

Vue.filter(‘dateFormat‘, function(originVal) {

    const dt = new Date(originVal);

//年

    const y = dt.getFullYear();

//月

    const m = (dt.getMonth() + 1 + ‘‘).padStart(2, ‘0‘);

//日

    const d = (dt.getDate() + ‘‘).padStart(2, ‘0‘);

//时

    const hh = (dt.getHours() + ‘‘).padStart(2, ‘0‘);

//分

    const mm = (dt.getMinutes() + ‘‘).padStart(2, ‘0‘);

//秒

    const ss = (dt.getSeconds() + ‘‘).padStart(2, ‘0‘);

 

    return `${y}-${m}-${d} ${hh}:${mm}:${ss}`;

});

 

 

//单页面使用时(定义一个自定义插槽),,,页面中的使用代码

<template slot-scope="scope">

            {{scope.row.add_time | dateFormat}}

 </template>

vue中定义一个格式化时间的过滤器

原文:https://www.cnblogs.com/loving0606/p/14050370.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!