Vue时间格式化

素颜马尾好姑娘i 2022-03-27 03:23 332阅读 0赞

format.js

export const formatDateTime = (date, fmt) => {
        if (!date) {
            return "";
        }
        if (typeof date === 'string') {
            date = new Date(date);
        }
        if (/(y+)/.test(fmt)) {
            fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length));
        }
        let o = {
            'M+': date.getMonth() + 1,
            'd+': date.getDate(),
            'h+': date.getHours(),
            'm+': date.getMinutes(),
            's+': date.getSeconds()
        }
        for (let k in o) {
            let str = o[k] + '';
            if (new RegExp(`(${k})`).test(fmt)) {
                fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? str : padLeftZero(str));
            }
        }
        return fmt;
    }
    
    export const format = {
        formatDateTime
    }
    
    export default format;

.ts

import format from "@/plugins/format";
    
    @Component({
      filters: {
        formatDateTime(date) {
          return format.formatDateTime(date, "yyyy-MM-dd hh:mm:ss");
        }
      }
    })

.vue

<van-col>
        {
       {CreateTime|formatDateTime}}
    </van-col>

发表评论取消回复

表情：

评论列表（有 0 条评论，332人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue里面如何把时间格式化

vue里面如何把时间格式化简介：本文讲解vue里面如何把时间格式化显示出来代码演示 ![在这里插入图片描述][e03708e887d0423086132664

末蓝、/ 2024年03月16日 17:43/ 0 赞/ 31 阅读

相关 vue时间格式化例子

vue格式化时间解决方法： 1.package.json文件添加依赖： "moment": "^2.14.1", 2.组件中引用 import mom

待我称王封你为后i/ 2023年01月03日 04:10/ 0 赞/ 164 阅读

相关 vue使用moment格式化时间

第一、安装moment npm install moment --save 第二、在main.js引入moment，并且设一个全局的过滤器 imp

「爱情、让人受尽委屈。」/ 2022年12月03日 13:08/ 0 赞/ 224 阅读

相关 Vue.js —— 时间格式化

> 项目中经常遇到这样的场景，后端在接口中返回的时间信息是时间戳，需要前端处理好再展示。需要用到moment包，先安装好，引入。 <script>

浅浅的花香味﹌/ 2022年11月29日 12:16/ 0 赞/ 266 阅读

相关 vue格式化时间戳

js： var articleContent = new Vue({ el: "articleContent", da

朱雀/ 2022年05月23日 11:53/ 0 赞/ 310 阅读

相关 vue时间格式化

1 安装 ![20181114141756361.png][] 2.全局引入 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10

╰+哭是因爲堅強的太久メ/ 2022年04月17日 06:58/ 0 赞/ 284 阅读

相关 Vue时间格式化

format.js export const formatDateTime = (date, fmt) => { if (!date) {

素颜马尾好姑娘i/ 2022年03月27日 03:23/ 0 赞/ 333 阅读

相关 vue 时间格式化

前段时间利用vue实现数据在页面上的显示，我本人比较喜欢用谷歌浏览器，但是测试就是不用，用的360 ，说我页面上显示的时候时间存在问题 ![watermark_type_Zm

电玩女神/ 2021年10月18日 20:22/ 0 赞/ 489 阅读

相关 vue格式化时间

效果图 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLm

朴灿烈づ我的快乐病毒、/ 2021年09月09日 02:00/ 0 赞/ 529 阅读

相关 vue中使用moment格式化时间

目录一、安装moment.js 二、main.js中引入moment 三、使用 1、过滤器用法全局过滤器局部过滤器 2、挂载vue上 ----------

梦里梦外;/ 2021年09月07日 15:08/ 0 赞/ 668 阅读