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 相关文章推荐
JTrackBar水平拖动效果
Jul 15 Javascript
通过DOM脚本去设置样式信息
Sep 19 Javascript
文本框回车提交与禁止提交示例
Sep 27 Javascript
getJSON调用后台json数据时函数被调用两次的原因猜想
Sep 29 Javascript
javascript实例--教你实现扑克牌洗牌功能
May 15 Javascript
JQuery的attr 与 val区别
Jun 12 Javascript
jquery常用的12个小功能
Jul 22 Javascript
Bootstrap Navbar Component实现响应式导航
Oct 08 Javascript
Ajax 加载数据 练习代码
Jan 05 Javascript
JavaScript条件判断_动力节点Java学院整理
Jun 26 Javascript
基于VUE移动音乐WEBAPP跨域请求失败的解决方法
Jan 16 Javascript
js中!和!!的区别与用法
May 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中的Reload操作
2016/12/12 PHP
thinkPHP框架动态配置用法实例分析
2018/06/14 PHP
调试Node.JS的辅助工具(NodeWatcher)
2012/01/04 Javascript
jquery 倒计时效果实现秒杀思路
2013/09/11 Javascript
jquery实现类似EasyUI的页面布局可改变左右的宽度
2020/09/12 Javascript
node.js操作mongodb学习小结
2015/04/25 Javascript
js限制文本框只能输入中文的方法
2015/08/11 Javascript
jQuery实现仿腾讯迷你首页选项卡效果代码
2015/09/17 Javascript
Javascript下拉刷新的简单实现
2017/02/14 Javascript
vue.js移动端app之上拉加载以及下拉刷新实战
2017/09/11 Javascript
javascript 作用于作用域链的详解
2017/09/27 Javascript
在Vue项目中使用d3.js的实例代码
2018/05/01 Javascript
微信小程序之多列表的显示和隐藏功能【附源码】
2018/08/06 Javascript
js实现的格式化数字和金额功能简单示例
2019/07/30 Javascript
Vue中的transition封装组件的实现方法
2019/08/13 Javascript
vue实现移动端图片上传功能
2019/12/23 Javascript
python生成不重复随机数和对list乱序的解决方法
2018/04/09 Python
Python 字符串与二进制串的相互转换示例
2018/07/23 Python
Python使用googletrans报错的解决方法
2018/09/25 Python
python如何查看微信消息撤回
2018/11/27 Python
python opencv 二值化 计算白色像素点的实例
2019/07/03 Python
Django如何实现上传图片功能
2019/08/16 Python
django日志默认打印request请求信息的方法示例
2020/05/17 Python
python3.6.5基于kerberos认证的hive和hdfs连接调用方式
2020/06/06 Python
Python实现删除某列中含有空值的行的示例代码
2020/07/20 Python
CSS3 text-shadow实现文字阴影效果
2016/02/24 HTML / CSS
新闻记者个人求职的自我评价
2013/11/28 职场文书
一年级班主任感言
2014/03/08 职场文书
公司委托书格式范文
2014/04/04 职场文书
工程承诺书怎么写
2014/05/24 职场文书
党员个人对照检查材料范文
2014/09/24 职场文书
离婚财产分配协议书
2014/10/21 职场文书
小孩不笨观后感
2015/06/03 职场文书
MySQL 角色(role)功能介绍
2021/04/24 MySQL
如何将numpy二维数组中的np.nan值替换为指定的值
2021/05/14 Python
2022年显卡天梯图(6月更新)
2022/06/17 数码科技