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 相关文章推荐
巧妙破除网页右键禁用的十大绝招
Aug 12 Javascript
用js查找法实现当前栏目的高亮显示的代码
Nov 24 Javascript
dwr spring的集成实现代码
Mar 22 Javascript
实例详解JSON数据格式及json格式数据域字符串相互转换
Jan 07 Javascript
js和jquery中获取非行间样式
May 05 jQuery
EasyUI在Panel上动态添加LinkButton按钮
Aug 11 Javascript
AngularJs 延时器、计时器实例代码
Sep 16 Javascript
vue学习教程之带你一步步详细解析vue-cli
Dec 26 Javascript
详解JavaScript中typeof与instanceof用法
Oct 24 Javascript
uni-app自定义导航栏按钮|uniapp仿微信顶部导航条功能
Nov 12 Javascript
Vue.js实现大屏数字滚动翻转效果
Nov 29 Javascript
CentOS 8.2服务器上安装最新版Node.js的方法
Dec 16 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在字符断点处截断文字的实现代码
2011/04/21 PHP
全新的PDO数据库操作类php版(仅适用Mysql)
2012/07/22 PHP
简单解析PHP程序的运行流程
2016/06/23 PHP
Yii安装与使用Excel扩展的方法
2016/07/13 PHP
PHP中session跨子域的三种实现方法
2016/07/25 PHP
ThinkPHP5 验证器的具体使用
2018/05/31 PHP
php实现记事本案例
2020/10/20 PHP
利用jquery的获取JS文件中的字符串内容
2012/02/14 Javascript
Js 冒泡事件阻止实现代码
2013/01/27 Javascript
javascript获取select的当前值示例代码(兼容IE/Firefox/Opera/Chrome)
2013/12/17 Javascript
JS实现的图片预览插件与用法示例【不上传图片】
2016/11/25 Javascript
详解Node.js 中使用 ECDSA 签名遇到的坑
2018/11/26 Javascript
9102年webpack4搭建vue项目的方法步骤
2019/02/20 Javascript
在Koa.js中实现文件上传的接口功能
2019/10/08 Javascript
vue-cli3使用mock数据的方法分析
2020/03/16 Javascript
解决Echarts 显示隐藏后宽度高度变小的问题
2020/07/19 Javascript
Python函数学习笔记
2008/10/07 Python
利用Python的Flask框架来构建一个简单的数字商品支付解决方案
2015/03/31 Python
python对指定目录下文件进行批量重命名的方法
2015/04/18 Python
python实现决策树
2017/12/21 Python
Django实战之用户认证(初始配置)
2018/07/16 Python
python url 参数修改方法
2018/12/26 Python
Python计算库numpy进行方差/标准方差/样本标准方差/协方差的计算
2018/12/28 Python
Python range、enumerate和zip函数用法详解
2019/09/11 Python
Python enumerate() 函数如何实现索引功能
2020/06/29 Python
Python logging日志库空间不足问题解决
2020/09/14 Python
浅析Python requests 模块
2020/10/09 Python
你正在寻找的CSS3 动画技术
2011/07/27 HTML / CSS
任意存:BOXFUL
2018/05/21 全球购物
吉列剃须刀英国官网:Gillette英国
2019/03/28 全球购物
迟到检讨书5000字
2014/01/31 职场文书
亲戚结婚的请假条
2014/02/11 职场文书
大宝sod蜜广告词
2014/03/21 职场文书
三人合伙协议书范本
2014/10/29 职场文书
创业计划书之川味火锅店
2019/09/02 职场文书
Python基础之Socket通信原理
2021/04/22 Python