Vue filter格式化时间戳时间成标准日期格式的方法


Posted in Javascript onSeptember 16, 2018

调用实例: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格式化时间戳时间成标准日期格式的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery为iframe的body添加click事件的实现代码
Apr 07 Javascript
js jquery数组介绍
Jul 15 Javascript
顶部缓冲下拉菜单导航特效的JS代码
Aug 27 Javascript
解决window.opener=null;window.close(),只支持IE6不支持IE7,IE8的问题
Jan 14 Javascript
js报$ is not a function 的问题的解决方法
Jan 20 Javascript
Jquery焦点与失去焦点示例应用
Jun 10 Javascript
限制只能输入数字的实现代码
May 16 Javascript
使用jQuery,Angular实现登录界面验证码详解
Apr 27 jQuery
AngularJS+bootstrap实现动态选择商品功能示例
May 17 Javascript
JointJS流程图的绘制方法
Dec 03 Javascript
Layui数据表格判断编辑输入的值,是否为我需要的类型详解
Oct 26 Javascript
浅谈鸿蒙 JavaScript GUI 技术栈
Sep 17 Javascript
vue 2.1.3 实时显示当前时间,每秒更新的方法
Sep 16 #Javascript
vue debug 二种方法
Sep 16 #Javascript
Vue刷新修改页面中数据的方法
Sep 16 #Javascript
Vue中使用vux配置代码详解
Sep 16 #Javascript
在vue中安装使用vux的教程详解
Sep 16 #Javascript
React 组件中的 bind(this)示例代码
Sep 16 #Javascript
Vue.set()动态的新增与修改数据,触发视图更新的方法
Sep 15 #Javascript
You might like
php 无限级分类 获取顶级分类ID
2016/03/13 PHP
PHP创建单例后台进程的方法示例
2017/05/23 PHP
Js的MessageBox
2006/12/03 Javascript
jQuery 隔行换色 支持键盘上下键,按Enter选定值
2009/08/02 Javascript
XMLHTTPRequest的属性和方法简介
2010/11/23 Javascript
Javascript实现的类似Google的Div拖动效果代码
2011/08/09 Javascript
jquery的flexigrid无法显示数据提示获取到数据
2013/07/19 Javascript
IE6浏览器中window.location.href无效的解决方法
2014/11/20 Javascript
jQuery 实现评论等级好评差评特效
2016/05/06 Javascript
jQuery 常用代码集锦(必看篇)
2016/05/16 Javascript
jquery实现网页定位导航
2016/08/23 Javascript
Node.js包管理器Yarn的入门介绍与安装
2016/10/17 Javascript
基于JS实现翻书效果的页面切换样式
2017/02/16 Javascript
如何编写jquery插件
2017/03/29 jQuery
基于JavaScript 性能优化技巧心得(分享)
2017/12/11 Javascript
Vue使用虚拟dom进行渲染view的方法
2019/12/26 Javascript
vue实现在进行增删改操作后刷新页面
2020/08/05 Javascript
[01:21]DOTA2 新英雄 森海飞霞
2020/12/18 DOTA
python中装饰器级连的使用方法示例
2017/09/29 Python
详解Python最长公共子串和最长公共子序列的实现
2018/07/07 Python
python爱心表白 每天都是浪漫七夕!
2018/08/18 Python
Opencv+Python 色彩通道拆分及合并的示例
2018/12/08 Python
python接口自动化(十七)--Json 数据处理---一次爬坑记(详解)
2019/04/18 Python
Python发送邮件封装实现过程详解
2020/05/09 Python
用Python开发app后端有优势吗
2020/06/29 Python
python将YUV420P文件转PNG图片格式的两种方法
2021/01/22 Python
神经网络训练采用gpu设置的方式
2021/03/03 Python
马来西亚银饰品牌:JEOEL
2017/12/15 全球购物
Myholidays美国:在线旅游网站
2019/08/16 全球购物
幼师求职自荐信范文
2014/01/26 职场文书
大学生未来职业生涯规划书
2014/02/15 职场文书
绩效工资实施方案
2014/03/15 职场文书
大班上学期个人总结
2015/02/13 职场文书
装配车间主任岗位职责
2015/04/08 职场文书
感恩父母主题班会
2015/08/12 职场文书
2016年秋季运动会加油稿
2015/12/21 职场文书