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 相关文章推荐
JavaScript 序列化对象实现代码
Dec 18 Javascript
jQuery设置与获取HTML,文本和值的简单实例
Feb 26 Javascript
jQuery使用append在html元素后同时添加多项内容的方法
Mar 26 Javascript
谈谈JavaScript自定义回调函数
Oct 18 Javascript
js父页面中使用子页面的方法
Jan 09 Javascript
javascript将中国数字格式转换成欧式数字格式的简单实例
Aug 02 Javascript
js以分隔符分隔数组中的元素并转换为字符串的方法
Nov 16 Javascript
js实现交通灯效果
Jan 13 Javascript
在javaScript中检测数据类型的几种方式小结
Mar 04 Javascript
详解Node.js一行命令上传本地文件到服务器
Apr 22 Javascript
JS判断数组里是否有重复元素的方法小结
May 21 Javascript
Vue的自定义组件不能使用click方法的解决
Jul 28 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
Admin generator, filters and I18n
2011/10/06 PHP
php中in_array函数用法探究
2014/11/25 PHP
PHP中如何使用session实现保存用户登录信息
2015/10/20 PHP
PHP常见的6个错误提示及解决方法
2016/07/07 PHP
PHP基本语法实例总结
2016/09/09 PHP
Laravel 5.5官方推荐的Nginx配置学习教程
2017/10/06 PHP
PHP封装XML和JSON格式数据接口操作示例
2019/03/06 PHP
php如何获取Http请求
2020/04/30 PHP
javaScript 读取和设置文档元素的样式属性
2009/04/14 Javascript
在Javascript里访问SharePoint列表数据的实现方法
2011/05/22 Javascript
实用框架(iframe)操作代码
2014/10/23 Javascript
理解javascript中的闭包
2017/01/11 Javascript
性能优化之代码优化页面加载速度
2017/03/01 Javascript
详解angularjs中如何实现控制器和指令之间交互
2017/05/31 Javascript
微信小程序学习之数据处理详解
2017/07/05 Javascript
详解使用element-ui table组件的筛选功能的一个小坑
2018/11/02 Javascript
JS实现点星星消除小游戏
2020/03/24 Javascript
JavaScript this关键字指向常用情况解析
2020/09/02 Javascript
Sanic框架路由用法实例分析
2018/07/16 Python
Python解释器以及PyCharm的安装教程图文详解
2020/02/26 Python
python 绘制正态曲线的示例
2020/09/24 Python
美国创意礼品网站:UncommonGoods
2017/02/03 全球购物
RetroStage德国:复古服装
2019/02/03 全球购物
温泉秘密:Onsen Secret
2020/07/06 全球购物
什么是数据库锁?Oracle中都有哪些类型的锁?
2015/08/21 面试题
.NET概念性的面试题
2012/02/29 面试题
本科毕业生的求职信范文
2013/11/20 职场文书
高中学生干部学习的自我评价
2014/02/21 职场文书
创建卫生先进单位实施方案
2014/03/10 职场文书
毕业生自荐材料范文
2014/12/30 职场文书
就业意向协议书
2015/01/29 职场文书
Python基础之变量的相关知识总结
2021/06/23 Python
Python类方法总结讲解
2021/07/26 Python
MySQL非空约束(not null)案例讲解
2021/08/23 MySQL
Win11运行cmd提示“请求的操作需要提升”的两种解决方法
2022/07/07 数码科技
MySQL分布式恢复进阶
2022/07/23 MySQL