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 相关文章推荐
传智播客学习之java 反射
Nov 22 Javascript
在浏览器窗口上添加遮罩层的方法
Nov 12 Javascript
JavaScript中window.showModalDialog()用法详解
Dec 18 Javascript
jQuery实现html元素拖拽
Jul 21 Javascript
JavaScript实现表格快速变色效果代码
Aug 19 Javascript
JavaScript必知必会(三) String .的方法来自何方
Jun 08 Javascript
JQuery中Ajax的操作完整例子
Mar 07 Javascript
jQuery中animate()的使用方法及解决$(”body“).animate({“scrollTop”:top})不被Firefox支持的问题
Apr 04 jQuery
bootstrap paginator分页前后台用法示例
Jun 17 Javascript
利用d3.js实现蜂巢图表带动画效果
Sep 03 Javascript
详解关于Vue单元测试的几个坑
Apr 26 Javascript
如何在node环境实现“get数据解析”代码实例
Jul 03 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 高手之路(三)
2006/10/09 PHP
本地机apache配置基于域名的虚拟主机详解
2013/08/10 PHP
php线性表的入栈与出栈实例分析
2015/06/12 PHP
如何实现iframe(嵌入式帧)的自适应高度
2006/07/26 Javascript
用javascript实现分割提取页面所需内容
2007/05/09 Javascript
基于node.js的快速开发透明代理
2010/12/25 Javascript
js 实现css风格选择器(压缩后2KB)
2012/01/12 Javascript
jQuery Mobile页面跳转后未加载外部JS原因分析及解决
2013/03/18 Javascript
DOM基础教程之使用DOM
2015/01/19 Javascript
javascript实现input file上传图片预览效果
2015/12/31 Javascript
Bootstrap树形组件jqTree的简单封装
2016/01/25 Javascript
JavaScript代码因逗号不规范导致IE不兼容的问题
2016/02/25 Javascript
JavaScript实现自动切换图片代码
2016/10/11 Javascript
jQuery鼠标事件总结
2016/10/13 Javascript
jQuery实现简易的输入框字数计数功能示例
2017/01/16 Javascript
vue2.0设置proxyTable使用axios进行跨域请求的方法
2017/10/19 Javascript
详解vue项目中如何引入全局sass/less变量、function、mixin
2018/06/02 Javascript
详解Node.js读写中文内容文件操作
2018/10/10 Javascript
JQuery+Bootstrap 自定义全屏Loading插件的示例demo
2019/07/03 jQuery
koa2 用户注册、登录校验与加盐加密的实现方法
2019/07/22 Javascript
使用Python编写类UNIX系统的命令行工具的教程
2015/04/15 Python
python中类变量与成员变量的使用注意点总结
2017/04/29 Python
Python利用ElementTree模块处理XML的方法详解
2017/08/31 Python
Atom Python 配置Python3 解释器的方法
2019/08/28 Python
python深copy和浅copy区别对比解析
2019/12/26 Python
实例讲解Python 迭代器与生成器
2020/07/08 Python
关于pycharm 切换 python3.9 报错 ‘HTMLParser‘ object has no attribute ‘unescape‘ 的问题
2020/11/24 Python
世界上最大的专业美容用品零售商:Sally Beauty
2017/07/02 全球购物
SHEIN台湾:购买最新流行女装服饰
2019/05/18 全球购物
衰败城市英国官网:Urban Decay英国
2020/04/29 全球购物
办公室文员自荐书
2014/02/03 职场文书
2014各大专业毕业生自我评价
2014/09/17 职场文书
市委召开党的群众路线教育实践活动总结大会报告
2014/10/21 职场文书
《哪吒之魔童降世》观后感:世上哪有随随便便的成功
2019/11/08 职场文书
JS一分钟在github+Jekyll的博客中添加访问量功能的实现
2021/04/03 Javascript
Java输出Hello World完美过程解析
2021/06/13 Java/Android