Vue项目 全局定义日期时间方法处理

在main-dev.js和main-prod.js中定义

// 全局定义时间函数
Vue.filter('dataFormat', 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}`
})

注:最终效果:2020-04-07 20:37:38
这个日志时间格式可以自定义修改

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

具体使用:
作用域插槽案例:

<el-table :data="数据源" border stripe><el-table-column label="创建时间" prop="add_time" width="160px"><template slot-scope="scope">{{scope.row.add_time | dataFormat}}</template></el-table-column>
</el-table>

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

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

相关文章

4K超清,2500万人在线,猫晚直播技术全解读

2018天猫双11已经过去一周&#xff0c;各路快递也在快马加鞭送到大家手中。但对于剁手党而言&#xff0c;天猫双11也不仅仅是简单意义上的“买买买”&#xff0c;更是一场边看边玩的狂欢盛宴。 作为双11的必备节目&#xff0c;今年的猫晚通过优酷、浙江卫视、东方卫视进行了全…

shell取当前月份第一天_红帽认证8.0版本即将发布!Ansible和shell脚本自动化将重点考察...

红帽厂商官方通知&#xff0c;红帽RHCE考试&#xff08;包含EX200和EX300两门&#xff09;版本7的截止时间是&#xff1a;2020年4月30日。 即2020年5月份之后将停止版本7的考试&#xff0c;包括正考和补考。RHCE版本7中包含EX200&#xff08;v7&#xff09;和EX300&#xff08;…

阿里云重磅发布RDS for SQL Server AlwaysOn集群版

2018年双十一刚过&#xff0c;阿里云数据库发布RDS for SQL Server AlwaysOn集群版&#xff0c;这是业界除微软云SQL Database外&#xff0c;首家云计算公司基于SQL Server最新AlwaysOn核心技术实现的数据库集群版&#xff0c;并且是经过双十一检验的商业化版本。 全形态的产品…

Linux Shell脚本_设置时区并同步时间

① 脚本编写 vim autoSyncTime.sh脚本内容&#xff1a; ln -s /usr/share/zoneinfo/Asia/Shanghai /etc/localtime if ! crontab -l |grep ntpdate &>/dev/null ; then(echo "* 1 * * * ntpdate ntp1.aliyun.com >/dev/null 2>&1";hwclock -w;cro…

“12306”的架构到底有多6?

戳蓝字“CSDN云计算”关注我们哦&#xff01;作者 | 绘你一世倾城责编 | 阿秃每到节假日期间&#xff0c;一二线城市返乡、外出游玩的人们几乎都面临着一个问题&#xff1a;抢火车票&#xff01;12306 抢票&#xff0c;极限并发带来的思考虽然现在大多数情况下都能订到票&…

【阿里云总监课第四期】时髦的云原生应用怎么写?

概述 应用已经跨入了云原生的时代。要写一个时髦的云原生应用&#xff0c;首先当然要了解什么是云原生。CNCF&#xff0c;也就是云原生计算基金会&#xff0c;作为目前人气最旺的云计算行业协会&#xff0c;在今年6月份给出了云原生的定义&#xff0c;阿里云牵头做了一个官方的…

信号扫描_图文并茂,一文读懂信号源

信号源是四大通用电子测量仪器之一&#xff0c;其他三种是&#xff1a;网络分析仪&#xff0c;频谱分析仪和示波器。这篇介绍信号源所涉及的相关基础知识。信号源的最常用的功能是用来产生一个正弦波&#xff0c;所以先从介绍正弦波的特征开始本篇文章。一、正弦波的信号特性通…

Linux Shell脚本_禁用selinux

① 脚本编写 创建脚本 vim disableSelinux.sh添加脚本内容如下&#xff1a; sed -i /SELINUX/{s/permissive/disabled/} /etc/selinux/config保存退出:wq ② 运行脚本 chmod ux disableSelinux.sh ./DisableSelinux.sh 或者 bash disableSelinux.sh③ 脚本内容简述 #流编辑…

支撑双十一的网络引擎:飞天洛神

对刚刚过去的2018天猫双十一&#xff0c;各位网友应该记忆犹新。尤其是午夜零点时&#xff0c;亿万网友几乎不约而同地打开满满的购物车&#xff0c;抢下商家优惠券和红包&#xff0c;完成下单&#xff0c;付款这一系列流程。根据我个人的经历&#xff0c;这次体验堪称顺畅&…

IPv6时代已来:双十一中的IPv6大规模应用实践

摘要&#xff1a; 刚刚过去的双十一&#xff0c;大家对猫晚、抢红包、组团购还记忆犹新。大家不了解的是&#xff0c;不知不觉间&#xff0c;你可能已经成为首批互联网IPv6用户了。今年天猫双十一期间&#xff0c;阿里巴巴全面支持了IPv6&#xff0c;这是IPv6在我国的互联网领域…

说真的,程序员相亲,真的太太太太太太难了 | IT巨能唠

众所周知&#xff0c;程序员这个群体&#xff0c;是单身狗的重灾区&#xff01;程序员的成就感&#xff0c;来自于公众对他代码的认可&#xff01;因此&#xff0c;广大程序员将大量精力时间用于技术&#xff0c;他们关注新技术的诞生&#xff0c;关注自身内功的修炼&#xff0…

Linux Shell脚本_关闭防火墙

① 脚本编写 创建脚本 vim closeFirewall.sh添加脚本内容如下&#xff1a; if egrep "7.[0-9]" /etc/redhat-release &>/dev/null; thensystemctl stop firewalldsystemctl disable firewalld elif egrep "6.[0-9]" /etc/redhat-release &>…

阿里云实时计算的前世“功”今生“能”

前言&#xff1a; 不修内功&#xff0c;难成大器。为了将Apache Flink在阿里巴巴真正运行起来&#xff0c;阿里巴巴实时计算团队做了大量的优化&#xff0c;在阿里云上的产品正式命名为实时计算&#xff0c;以Flink SQL为主要API&#xff0c;致力于打造一款全球领先的实时计算引…

多方法调用 一个出错 集体回滚_一个@Transaction哪里来这么多坑?

前言在之前的文章中已经对Spring中的事务做了详细的分析了&#xff0c;这篇文章我们来聊一聊平常工作时使用事务可能出现的一些问题(本文主要针对使用Transactional进行事务管理的方式进行讨论)以及对应的解决方案事务失效事务回滚相关问题读写分离跟事务结合使用时的问题事务失…

4K修复版《海上钢琴师》登陆全国院线,一文读懂背后的黑科技!

最近有件大事&#xff0c;11 月 15 日&#xff0c;全球瞩目的经典电影《海上钢琴师》4K 修复版登陆了全国院线。岁月侵蚀的影片经典场景&#xff0c;在老胶片的保存下只剩模糊的影像。而此次经 4K 技术修复的版本&#xff0c;据说采用了先进的图像超分辨率技术&#xff0c;分辨…

因为看见,所以发现:QBotVariant谢绝落幕

互联网给人带来便捷的同时&#xff0c;其公开大量的资源也同样给恶意利用者带了便捷&#xff0c;越来越多公开的恶意程序源码降低了对外攻击、入侵的难度&#xff0c;使得安全问题愈加严重。 阿里云安全团队从今年5月份监测到一BOT家族&#xff0c;其样本改写自互联网公开渠道…

VS Code 常用快捷键

文章目录1. 更新中版本2.待更新版本1. 更新中版本 shift altd 转换为大写 shift altx 转换为小写ctrlp 搜索文件 CtrlH 替换 Ctrl shell命令窗口 CtrlF 查找 CtrlB 切换侧边栏 CtrlC 如果不选中&#xff0c;默认复制一整行 Ctrl\ 切出一个新的编辑器 Ctrld 双击关键词&#…

js如何监听元素事件是否被移除_JS移除事件监听的方法 .removeEventListener( )

JS用addEventListener添加事件监听方法后&#xff0c;可以用removeEventListener来解除监听&#xff1a;element.removeEventListener(event, myFunction)注意&#xff1a;兼容&#xff1a; IE 8 及更早 IE 版本&#xff0c;Opera 7.0及其更早版本不支持 addEventListener() 和…

应用监控的选型思考

最近由于项目的缘故&#xff0c;经常会和同学们聊到一个话题&#xff0c;那就是企业如何在应用性能管理(Application Performance Monitoring, 简称APM) 领域的开源和商业化产品中选择合适自己的产品&#xff0c;下面就以该领域为例和大家做一个分享。 先说结论&#xff1a;没…

Linux Shell脚本_历史命令显示操作时间

当前用户什么时间执行的什么命令 ① 脚本编写 创建脚本 vim displayHisoperTime.sh添加脚本内容如下&#xff1a; if ! grep HISTTIMEFORMAT /etc/bashrc; thenecho export HISTTIMEFORMAT"%F %T whoami " >> /etc/bashrc fi保存退出:wq ② 运行脚本 chmo…