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 相关文章推荐
javascript比较文档位置
Apr 08 Javascript
javascript数组去掉重复
May 12 Javascript
jq选项卡鼠标延迟的插件实例
May 13 Javascript
用Js实现的动态增加表格示例自己写的
Oct 21 Javascript
js实现鼠标触发图片抖动效果的方法
Feb 27 Javascript
微信小程序 数据绑定详解及实例
Oct 25 Javascript
webuploader模态框ueditor显示问题解决方法
Dec 27 Javascript
js实现淡入淡出轮播切换功能
Jan 13 Javascript
浅谈vue.js中v-for循环渲染
Jul 26 Javascript
深入理解Vue nextTick 机制
Apr 28 Javascript
使用vue-infinite-scroll实现无限滚动效果
Jun 22 Javascript
vue实现页面内容禁止选中功能,仅输入框和文本域可选
Nov 09 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自动更新新闻DIY
2006/10/09 PHP
实现php加速的eAccelerator dll支持文件打包下载
2007/09/30 PHP
浅谈PHP解析URL函数parse_url和parse_str
2014/11/11 PHP
php similar_text()函数的定义和用法
2016/05/12 PHP
yii2中结合gridview如何使用modal弹窗实例代码详解
2016/06/12 PHP
中高级PHP程序员应该掌握哪些技术?
2016/09/23 PHP
js获取div高度的代码
2008/08/09 Javascript
用正则表达式 动态创建/增加css style script 兼容IE firefox
2009/03/10 Javascript
FusionCharts图表显示双Y轴双(多)曲线
2012/11/22 Javascript
Jquery 过滤器(first,last,not,even,odd)的使用
2014/01/22 Javascript
纯JS实现动态时间显示代码
2014/02/08 Javascript
jQuery拖动div、移动div、弹出层实现原理及示例
2014/04/08 Javascript
为什么Node.js会这么火呢?Node.js流行的原因
2014/12/01 Javascript
让JavaScript中setTimeout支持链式操作的方法
2015/06/19 Javascript
利用jquery制作滚动到指定位置触发动画
2016/03/26 Javascript
JS中的多态实例详解
2017/10/15 Javascript
node puppeteer(headless chrome)实现网站登录
2018/05/09 Javascript
微信小程序环境下将文件上传到OSS的方法步骤
2019/05/31 Javascript
用 js 写一个 js 解释器过程详解
2019/08/02 Javascript
javascript的惯性运动实现代码实例
2019/09/07 Javascript
如何利用vue实现波谱拟合详解
2020/11/05 Javascript
Python的Bottle框架的一些使用技巧介绍
2015/04/08 Python
Python实现找出数组中第2大数字的方法示例
2018/03/26 Python
python中字符串的操作方法大全
2018/06/03 Python
python事件驱动event实现详解
2018/11/21 Python
Python3列表内置方法大全及示例代码小结
2019/05/10 Python
python能自学吗
2020/06/18 Python
CAT鞋美国官网:CAT Footwear
2017/11/27 全球购物
Allen Edmonds官方网站:一家美国优质男士鞋类及配饰制造商
2019/03/12 全球购物
木马的传播途径主要有哪些
2016/04/08 面试题
幼儿园秋游活动方案
2014/01/21 职场文书
大学生撤销处分思想汇报
2014/09/12 职场文书
校长四风对照检查材料
2014/09/27 职场文书
少年犯观后感
2015/06/11 职场文书
springboot如何初始化执行sql语句
2021/06/22 Java/Android
Win11无法安装更新补丁KB3045316怎么办 附KB3045316补丁修复教程
2022/08/14 数码科技