vue 转换时间格式 为年月日时分秒
2020-07-15 06:00
357 查看
方法一
在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}` })
在需要的组件里 <el-table-column label="发生日期和时刻" align="center"> <template slot-scope="scope">{{scope.row.guzhangStartTime | dateFormat}}</template> </el-table-column> //guzhangStartTime 是你表格数据里拿到的字段
方法二
npm i moment --save 在main.js中 //转换时间格式 import moment from 'moment/moment' Vue.filter('moment', function (value, formatString) { formatString = formatString || 'YYYY-MM-DD'; return moment(value).format(formatString); });
在需要的组件里 <el-table-column label="故障记录日期" align="center"> <template slot-scope="scope">{{scope.row.guzhangjiluTime | moment}}</template> </el-table-column>
效果图
相关文章推荐
- ASP.NET C# 日期时间年月日时分秒格式及转换
- vue-cli项目中将时间戳的日期格式转换成年月日(时分秒)
- Unix时间和年月日时分秒时间格式转换
- 获取当前时间的标准时间,转换为年月日,时分秒的格式
- 时间格式的转换,时间戳转日期-年月日时分秒
- 时间操作(JavaScript版)—页面显示格式:年月日 时分秒 星期
- 时间格式转换---从毫秒转换为分秒时间格式
- vue将后台数据时间戳转换成日期格式
- mysql 时间格式存储类型为时间戳转换为年月日
- php 中将完整的年月日时分秒的时间转换成 年月日的形式
- mysql格式化整数类型时间生成年月日时分秒格式(long或string接收)
- jquery 时间json格式为时间年月日时分秒jqueryUI+Struts+hibernate
- 使用正则表达式校验时间,精确到秒,包括年月日时分秒,14位格式精确校验,正则表达式精确校验时间
- vue 获取当前时间 年月日 时分秒
- c#.net 获取时间年月日时分秒格式
- c#.net 获取时间日期年月日时分秒生成自动文件名格式
- c#.net 获取时间日期年月日时分秒格式
- 在vue项目中显示实时时间(年月日时分秒)
- vue将时间戳转换成日期格式
- vue 获取时间戳对象转换为日期格式