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 相关文章推荐
对textarea框的代码调试,而且功能上使用非常方便,酷
Jun 30 Javascript
ExtJS Grid使用SimpleStore、多选框的方法
Nov 20 Javascript
javascript之学会吝啬 精简代码
Apr 25 Javascript
JavaScript去除空格的三种方法(正则/传参函数/trim)
Feb 06 Javascript
js中top的作用深入剖析
Mar 04 Javascript
《JavaScript DOM 编程艺术》读书笔记之JavaScript 简史
Jan 09 Javascript
js+css实现导航效果实例
Feb 10 Javascript
js将json格式的对象拼接成复杂的url参数方法
May 25 Javascript
详解js数组的完全随机排列算法
Dec 16 Javascript
jQuery实现的手风琴侧边菜单效果
Mar 29 jQuery
JavaScript运动框架 解决防抖动问题、悬浮对联(二)
May 17 Javascript
Element InfiniteScroll无限滚动的具体使用方法
Jul 27 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生成自己的LOG文件
2006/10/09 PHP
jQuery+php实现ajax文件即时上传的详解
2013/06/17 PHP
ThinkPHP访问不存在的模块跳转到404页面的方法
2014/06/19 PHP
php实现的一个简单json rpc框架实例
2015/03/30 PHP
ThinkPHP模型详解
2015/07/27 PHP
php实现的pdo公共类定义与用法示例
2017/07/19 PHP
js中string转int把String类型转化成int类型
2014/08/13 Javascript
js+html5实现canvas绘制简单矩形的方法
2015/06/05 Javascript
微信小程序(三):网络请求
2017/01/13 Javascript
javascript自执行函数
2017/02/10 Javascript
JS判断两个对象内容是否相等的方法示例
2017/04/10 Javascript
BetterScroll 在移动端滚动场景的应用
2017/09/18 Javascript
微信小程序支付功能 php后台对接完整代码分享
2018/06/12 Javascript
JS实现获取自定义属性data值的方法示例
2018/12/19 Javascript
Element-ui中元素滚动时el-option超出元素区域的问题
2019/05/30 Javascript
详解nvm管理多版本node踩坑
2019/07/26 Javascript
JavaScript字符和ASCII实现互相转换
2020/06/03 Javascript
解决vue项目中出现Invalid Host header的问题
2020/11/17 Javascript
[04:11]DOTA2上海特级锦标赛主赛事首日TOP10
2016/03/03 DOTA
Python使用函数默认值实现函数静态变量的方法
2014/08/18 Python
详解Python函数可变参数定义及其参数传递方式
2017/08/02 Python
python Pygame的具体使用讲解
2017/11/03 Python
python利用rsa库做公钥解密的方法教程
2017/12/10 Python
Python如何处理大数据?3个技巧效率提升攻略(推荐)
2019/04/15 Python
python粘包问题及socket套接字编程详解
2019/06/29 Python
详解python中的time和datetime的常用方法
2019/07/08 Python
python中adb有什么功能
2020/06/07 Python
详解python UDP 编程
2020/08/24 Python
科颜氏美国官网:Kiehl’s美国
2017/01/31 全球购物
Python面试题集
2012/03/08 面试题
甲方资料员岗位职责
2013/12/13 职场文书
试用期工作表现自我评价
2015/03/06 职场文书
接待员岗位职责范本
2015/04/15 职场文书
周末问候语大全
2015/11/10 职场文书
《学会看病》教学反思
2016/02/17 职场文书
mysql全面解析json/数组
2022/07/07 MySQL