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

//写在入口文件中 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>

posted @ 2020-11-27 21:12  调皮小妮  阅读(219)  评论(0编辑  收藏  举报