Vue filter格式化时间戳时间成标准日期格式的方法
2018-09-16 09:45
1186 查看
调用实例:yyyy-MM-dd或者yyyy-MM-dd hh:mm:ss进行格式
<div>{{data | dataFormat('yyyy-MM-dd hh:mm:ss')}}</div>
代码:
import Vue from 'vue' Vue.filter('dataFormat', function (value, fmt) { let getDate = new Date(value); let o = { 'M+': getDate.getMonth() + 1, 'd+': getDate.getDate(), 'h+': getDate.getHours(), 'm+': getDate.getMinutes(), 's+': getDate.getSeconds(), 'q+': Math.floor((getDate.getMonth() + 3) / 3), 'S': getDate.getMilliseconds() }; if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (getDate.getFullYear() + '').substr(4 - RegExp.$1.length)) } for (let k in o) { if (new RegExp('(' + k + ')').test(fmt)) { fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? (o[k]) : (('00' + o[k]).substr(('' + o[k]).length))) } } return fmt; });
以上这篇Vue filter格式化时间戳时间成标准日期格式的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- 关于Web项目里的给表单验证控件添加结束时间不得小于开始时间的验证方法,日期转换和前台显示格式之间,还有JSON取日期数据格式转换成标准日期格式的问题
- js时间戳格式化成日期格式的多种方法介绍
- mysql日期函数From_unixtime及UNIX_TIMESTAMP及DATE_FORMAT(后者只能格式化标准日期格式,时间戳的不行)
- Vue filter方法 ‘ | ’(通道)————时间格式化
- js时间戳格式化成日期格式的多种方法
- mysql日期函数From_unixtime及UNIX_TIMESTAMP及DATE_FORMAT(后者只能格式化标准日期格式,时间戳的不行)
- js时间戳格式化成日期格式的多种方法
- mysql日期函数From_unixtime及UNIX_TIMESTAMP及DATE_FORMAT(后者只能格式化标准日期格式,时间戳的不行)
- pandas的to_datetime进行字符串格式化成为日期时间格式的方法
- asp.net GridView 时间格式化 设置 短日期格式 去掉0!
- C#语言之“string格式的日期时间字符串转为DateTime类型”的方法
- Windows 8系统更改日期、时间和数字格式的方法
- 获取当前日期时间并格式化 - 常见格式
- js时间戳转为日期格式的方法
- C#语言之“string格式的日期时间字符串转为DateTime类型”的方法
- JavaScript图表的时间解析功能(2):日期格式化方法
- js中使用eval()方法将字符串转换成日期格式、并获取指定时间的日期
- 时间戳格式化转换为日期格式,date.Format('yyyy/MM/dd hh:mm:ss')
- PHP输出英文时间日期的安全方法(RFC 1123格式)