Vue3后台管理系统框架之时间格式化封装

news2024/11/28 20:59:50

一般每条数据都会有创建时间或者更新时间

由于我们在数据库设置时间类型为datatime

如何把element plus 表格中的创建时间格式进行格式化?

如:2023-11-03T13:59:05.000Z修改为2023-11-03 21:59

修改为 YYYY-MM-DD HH:mm格式

export const formatDate = (dateTimeString: any) => {
  const date = new Date(dateTimeString)
  const year = date.getFullYear()
  const month = String(date.getMonth() + 1).padStart(2, '0')
  const day = String(date.getDate()).padStart(2, '0')
  const hours = String(date.getHours()).padStart(2, '0')
  const minutes = String(date.getMinutes()).padStart(2, '0')
  return `${year}-${month}-${day} ${hours}:${minutes}`
}

 年月日这种形式formatDate 方法来将日期时间字符串转换为 YYYY-MM-DD 的格式

 formatDate(dateTimeString) {
      const date = new Date(dateTimeString);
      const year = date.getFullYear();
      const month = String(date.getMonth() + 1).padStart(2, '0');
      const day = String(date.getDate()).padStart(2, '0');
      return `${year}-${month}-${day}`;
    }
<el-table-column prop="created_time" label="创建时间" width="180">
          <template #default="scope">
            {{ formatDate(scope.row.created_time) }}
          </template>
        </el-table-column>
        <el-table-column prop="update_time" label="更新时间" width="180">
          <template #default="scope">
            {{ formatDate(scope.row.update_time) }}
          </template>
        </el-table-column>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1172352.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

使用 curator 连接 zookeeper 集群 Invalid config event received

dubbo整合zookeeper 如图&#xff0c;错误日志 2023-11-04 21:16:18.699 ERROR 7459 [main-EventThread] org.apache.curator.framework.imps.EnsembleTracker Caller0 at org.apache.curator.framework.imps.EnsembleTracker.processConfigData(EnsembleTracker.java…

更新一下数据集

UCI Machine Learning Repository UCI的数据集还是挺老牌的&#xff0c;最近换了地址&#xff0c;我就再记录一下。 左边是比较常见的数据集&#xff0c;比如Iris很经典&#xff0c;Heart Disease这也是&#xff0c;包括Wine&#xff0c;通常对于初学者学习比较好&#xff0c;…

WPF开源控件HandyControl——零基础教程

学习Handycontrol的过程中,为后边快速开发,写的零基础教程,尽量看完就可以实践! 参考教程 中文文档:欢迎使用HandyControl | HandyOrg Github代码:https://github.com/HandyOrg/HandyControl 使用教程:WPF-HandyControl安装和使用 - 掘金 安装配置教程 创建wpf项目 …

Zinx框架-游戏服务器开发002:框架学习-按照三层结构模式重构测试代码+Tcp数据适配+时间轮定时器

文章目录 1 Zinx框架总览2 三层模式的分析3 三层重构原有的功能 - 头文件3.1 通道层Stdin和Stdout类3.1.2 StdInChannel3.1.2 StdOutChannel 3.2 协议层CmdCheck和CmdMsg类3.2.1 CmdCheck单例模式3.2.1.1 单例模式3.2.1.2 * 命令识别类向业务层不同类别做分发 3.2.2 CmdMsg自定…

物理场仿真教程(一)——Ubuntu下Salome_meca 软件安装

一、什么是Salome_meca &#xff1f; Salome_meca 是一个开源的有限元分析软件套件&#xff0c;主要用于模拟和分析复杂的力学问题。它是 Salome 平台的一部分&#xff0c;Salome 是一个通用的集成化软件环境&#xff0c;用于建模、预处理、模拟和后处理各种复杂的工程和科学问…

IDA反编译apk修改数据后重新打包

1、需要的工具 apktool、ida、il2cppDumper、ApkSignTools 2、说明 如果是mono打包的&#xff0c;不管是apk还是exe&#xff0c;都可以直接拿到直接从包内拿到 Assembly-Csharp.dll&#xff0c;只要开发者没有对这个文件进行加密&#xff0c;都可以轻松用 ILSpy 或 dnSpy 进行…

ChinaSoft 论坛巡礼 | CCF-华为胡杨林基金-系统软件专项(海报)论坛

2023年CCF中国软件大会&#xff08;CCF ChinaSoft 2023&#xff09;由CCF主办&#xff0c;CCF系统软件专委会、形式化方法专委会、软件工程专委会以及复旦大学联合承办&#xff0c;将于2023年12月1-3日在上海国际会议中心举行。 本次大会主题是“智能化软件创新推动数字经济与社…

[PHP]魔众文档管理系统 v4.3.0

魔众文档管理支持Markdown、图表、脑图、富文本&#xff0c;功能全面、安全稳定&#xff0c;支持标签、分类&#xff0c;可以更好的在线管理个人文档。 魔众文档管理系统发布v4.3.0版本&#xff0c;新功能和Bug修复累计8项&#xff0c;新增未分类无标签等特性&#xff0c;系统…

03 矩阵与线性变换

矩阵与线性变换 线性变换如何用数值描述线性变换特殊的线性变换反过来看总结 这是关于3Blue1Brown "线性代数的本质"的学习笔记。 线性变换 如果一个变换具有以下两个性质&#xff0c;我们就称它是线性的&#xff1a; 一是直线在变换后仍然保持为直线二是原点必须…

代码随想录训练营第60天 | 503.下一个更大元素II ● 42. 接雨水● 84.柱状图中的最大矩形

503.下一个更大元素II 题目链接&#xff1a;https://leetcode.com/problems/next-greater-element-ii/ 解法&#xff1a; 由于是循环数组&#xff0c;可以直接把两个数组拼接在一起&#xff0c;然后使用单调栈求下一个最大值。 写法上&#xff0c;可以巧妙一些&#xff0c…

Windows10文件夹加备注

要给文件夹设置备注&#xff0c;首先要简单了解下desktop.ini这个文件。 .ini文件类型&#xff1a;配置设置 在Windows系统中&#xff0c;desktop.ini文件是一个隐藏的受保护的操作系统文件&#xff0c;它是Windows文件夹自定义的一部分&#xff0c;用于记录文件夹的外观和行为…

【HMS Core】机器学习服务热门问题合集

【关键词】 机器学习服务、文本识别、身份证识别 【问题描述1】 机器学习服务的文本识别能力&#xff0c;是否支持草书等&#xff1f; 【解决方案】 草书是不支持的&#xff0c;目前建议使用较为规范的字体测试。 【问题描述2】 机器学习服务是否支持训练模型&#xff1f;…

人们常常下定决心“不改变”

"因为我的性格很悲观" 有的人会觉得一些事情发生&#xff0c;是自己性格使然&#xff0c;改变不了。 但其实性格是可以改变的。 这听起来似乎不太现实&#xff0c;自己的性格就是这样&#xff0c;怎么会改变&#xff1f; 那换种表达&#xff0c;我们看待世界的方式可…

向量数据库的崛起与多元化场景创新

向量数据库的崛起与多元化场景创新 前言&#xff1a; 在当今数字化时代&#xff0c;数据被认为是黄金&#xff0c;对于企业、科学家和决策者而言都具有巨大的价值。然而&#xff0c;随着数据规模的不断增长&#xff0c;有效地管理、存储和检索数据变得愈发复杂。这就引入了向量…

R语言_RColorBrewer包--全平台可用

R语言_RColorBrewer包–全平台可用

基于nodejs+vue畅听校园点歌系统的设计与实现

目 录 摘 要 I ABSTRACT II 目 录 II 第1章 绪论 1 1.1背景及意义 1 1.2 国内外研究概况 1 1.3 研究的内容 1 第2章 相关技术 3 2.1 nodejs简介 4 2.2 express框架介绍 6 2.4 MySQL数据库 4 第3章 系统分析 5 3.1 需求分析 5 3.2 系统可行性分析 5 3.2.1技术可行性&#xff1a;…

五、 栈和队列

一、栈和队列的定义 栈是先进后出&#xff0c;队列是先进先出 栈的相关操作&#xff1a; stack<Type> stack_name; .push(element) 压入栈顶 .pop() 弹出栈顶 .top() 返回栈顶元素的引用 .empty() 栈为空返回true&#xff0c;否则返回false队列的相关操作&#xff1a;…

2023辽宁省数学建模B题数据驱动的水下导航适配区分类预测完整原创论文分享(python求解)

大家好呀&#xff0c;从发布赛题一直到现在&#xff0c;总算完成了辽宁省数学建模B题完整的成品论文。 本论文可以保证原创&#xff0c;保证高质量。绝不是随便引用一大堆模型和代码复制粘贴进来完全没有应用糊弄人的垃圾半成品论文。 B用Python&#xff0b;SPSSPRO求解&…

尚硅谷Docker基础篇和Dockerfile超详细整合笔记

Docker基础篇DockerFile Docker&#xff1a;您要如何确保应用能够在这些环境中运行和通过质量检测&#xff1f;并且在部署过程中不出现令人头疼的版本、配置问题&#xff0c;也无需重新编写代码和进行故障修复&#xff1f;而这个就是使用容器。Docker解决了运行环境和配置问题…

程序包com.sun.deploy.net不存在的解决方法

使用package打包程序时&#xff0c;跳出这样的一个错误&#xff1a; 对应报错信息&#xff1a; 找到该目标文件内容&#xff0c;找到com.sun.deploy.net这个包&#xff1a; 删除这一行即可&#xff01;&#xff01; 运行正确。