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 1.0.4 - New Wave Javascript(js源文件)
Jan 15 Javascript
根据出生日期自动取得星座的js代码
Jul 20 Javascript
javascript取消文本选定的实现代码
Nov 14 Javascript
javascript判断chrome浏览器的方法
Mar 26 Javascript
Jquery左右滑动插件之实现超级炫酷动画效果附源码下载
Dec 02 Javascript
vue.js表格组件开发的实例详解
Oct 12 Javascript
JavaScript实现带有子菜单和控件的slider轮播图效果
Nov 01 Javascript
JS中使用textPath实现线条上的文字
Dec 25 Javascript
Angular中的ng-template及angular 使用ngTemplateOutlet 指令的方法
Aug 08 Javascript
微信小程序显示倒计时功能示例【测试可用】
Dec 03 Javascript
webpack3升级到webpack4遇到问题总结
Sep 30 Javascript
纯js实现无缝滚动功能代码实例
Feb 21 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中static关键字原理的学习研究分析
2011/07/18 PHP
解析phpstorm + xdebug 远程断点调试
2013/06/20 PHP
php中删除数组的第一个元素和最后一个元素的函数
2015/03/07 PHP
PHP抽奖算法程序代码分享
2015/10/08 PHP
一段实时更新的时间代码
2006/07/07 Javascript
JavaScript面向对象编程
2008/03/02 Javascript
Ext grid 添加右击菜单
2009/11/26 Javascript
javascript函数中的arguments参数
2010/08/01 Javascript
图片动画横条广告带上下滚动的JS代码
2013/10/25 Javascript
常用的JavaScript WEB操作方法分享
2015/02/28 Javascript
JavaScript中常见获取元素的方法汇总
2015/03/04 Javascript
jQuery移动web开发中的页面初始化与加载事件
2015/12/03 Javascript
JSON 对象未定义错误的解决方法
2016/09/29 Javascript
Bootstrap页面缩小变形的快速解决办法
2017/02/03 Javascript
基于bootstrap实现bootstrap中文网巨幕效果
2017/05/02 Javascript
详解JS获取HTML DOM元素的8种方法
2017/06/17 Javascript
详解AngularJS1.x学习directive 中‘&amp; ’‘=’ ‘@’符号的区别使用
2017/08/23 Javascript
浅析vue.js数组的变异方法
2018/06/30 Javascript
React和Vue中监听变量变化的方法
2018/11/14 Javascript
vue 实现input表单元素的disabled示例
2019/10/28 Javascript
[01:28:31]《加油DOTA》真人秀 第五期
2014/09/01 DOTA
[34:39]DOTA2上海特级锦标赛主赛事日 - 4 败者组第四轮#1COL VS EG第二局
2016/03/05 DOTA
Django 多环境配置详解
2019/05/14 Python
python实现自动化上线脚本的示例
2019/07/01 Python
PyCharm2018 安装及破解方法实现步骤
2019/09/09 Python
K最近邻算法(KNN)---sklearn+python实现方式
2020/02/24 Python
Python如何使用bokeh包和geojson数据绘制地图
2020/03/21 Python
HTML5输入框下拉菜单功能的示例代码
2020/09/08 HTML / CSS
澳大利亚便宜隐形眼镜购买网站:QUICKLENS Australia
2018/10/06 全球购物
中专自我鉴定范文
2013/10/16 职场文书
工程类专业自荐信范文
2014/03/09 职场文书
电子商务助理求职自荐信
2014/04/10 职场文书
爱祖国演讲稿
2014/05/04 职场文书
雷锋精神演讲稿
2014/05/13 职场文书
小学生竞选班干部演讲稿(5篇)
2014/09/12 职场文书
2014年教研室工作总结
2014/12/06 职场文书