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如何改变html标签的样式(两种实现方法)
Jan 16 Javascript
js异常捕获方法介绍
Apr 10 Javascript
jQuery.fn和jQuery.prototype区别介绍
Oct 05 Javascript
浅析XMLHttpRequest的缓存问题
Dec 13 Javascript
Script标签与访问HTML页面详解
Jan 10 Javascript
使用Chart.js图表库制作漂亮的响应式表单
Oct 28 Javascript
JS实现中国公民身份证号码有效性验证
Feb 20 Javascript
jQuery插件Echarts实现的双轴图效果示例【附demo源码下载】
Mar 04 Javascript
详解React native全局变量的使用(跨组件的通信)
Sep 07 Javascript
jQuery实现的表格前端排序功能示例
Sep 18 jQuery
react native基于FlatList下拉刷新上拉加载实现代码示例
Sep 30 Javascript
微信小程序canvas实现签名功能
Jan 19 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
德生PL550的电路分析
2021/03/02 无线电
php下图片文字混合水印与缩略图实现代码
2009/12/11 PHP
采用memcache在web集群中实现session的同步会话
2014/07/05 PHP
php实现计数器方法小结
2015/01/05 PHP
PhpStorm terminal无法输入命令的解决方法
2016/10/09 PHP
PHP针对中英文混合字符串长度判断及截取方法示例
2017/03/31 PHP
php 提交表单 关闭layer弹窗iframe的实例讲解
2018/08/20 PHP
prototype1.4中文手册
2006/09/22 Javascript
IE8 引入跨站数据获取功能说明
2008/07/22 Javascript
js checkbox(复选框) 使用集锦
2009/04/28 Javascript
3Z版基于jquery的图片复选框(asp.net+jquery)
2010/04/12 Javascript
JavaScript arguments 多参传值函数
2010/10/24 Javascript
jquery实现文本框数量加减功能的例子分享
2014/05/10 Javascript
nodejs之请求路由概述
2014/07/05 NodeJs
angularjs 缓存的使用详解
2018/03/19 Javascript
vue.extend实现alert模态框弹窗组件
2018/04/28 Javascript
Bootstrap FileInput实现图片上传功能
2021/01/28 Javascript
[48:29]2018DOTA2亚洲邀请赛3月30日 小组赛A组 LGD VS KG
2018/03/31 DOTA
python模拟登陆Tom邮箱示例分享
2014/01/13 Python
使用DataFrame删除行和列的实例讲解
2018/04/08 Python
python递归全排列实现方法
2018/08/18 Python
Python3视频转字符动画的实例代码
2019/08/29 Python
python使用opencv在Windows下调用摄像头实现解析
2019/11/26 Python
python 实现在无序数组中找到中位数方法
2020/03/03 Python
PyCharm 无法 import pandas 程序卡住的解决方式
2020/03/09 Python
Python使用windows设置定时执行脚本
2020/11/12 Python
css3编写浏览器背景渐变背景色的方法
2018/03/05 HTML / CSS
利用HTML5实现使用按钮控制背景音乐开关
2015/09/21 HTML / CSS
美国领先的宠物用品和宠物食品零售商:Petco
2020/10/28 全球购物
地理科学专业毕业生求职信
2013/10/15 职场文书
迟到检讨书500字
2014/02/05 职场文书
2014个人年度工作总结
2014/12/15 职场文书
给上级领导的感谢信
2015/01/22 职场文书
办公室岗位职责
2015/02/04 职场文书
创业计划书之书店
2019/09/10 职场文书