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 中令人困惑的变量赋值
Aug 13 Javascript
基于JavaScript自定义构造函数的详解说明
Apr 24 Javascript
js单例模式的两种方案
Oct 22 Javascript
js判断当页面无法回退时关闭网页否则就history.go(-1)
Aug 07 Javascript
js的回调函数详解
Jan 05 Javascript
BootStrap实用代码片段之一
Mar 22 Javascript
Bootstrap每天必学之模态框(Modal)插件
Apr 26 Javascript
深入理解ES6学习笔记之块级作用域绑定
Aug 19 Javascript
Node.js上传文件功能之服务端如何获取文件上传进度
Feb 05 Javascript
JavaScript中变量提升与函数提升经典实例分析
Jul 26 Javascript
详解JavaScript修改注册表的方法
Jan 05 Javascript
微信小程序APP的生命周期及页面的生命周期
Apr 19 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 htmlspecialchars()与shtmlspecialchars()函数的深入分析
2013/06/05 PHP
php登陆页的密码处理方式分享
2013/10/14 PHP
php运行时动态创建函数的方法
2015/03/16 PHP
[原创]php常用字符串输出方法分析(echo,print,printf及sprintf)
2016/07/09 PHP
PHP实现单条sql执行多个数据的insert语句方法
2019/10/11 PHP
javascript算法学习(直接插入排序)
2011/04/12 Javascript
javascript跟随滚动效果插件代码(javascript Follow Plugin)
2013/08/03 Javascript
如何将网页表格内容导入excel
2014/02/18 Javascript
JavaScript实现动态创建CSS样式规则方案
2014/09/06 Javascript
jQuery固定浮动侧边栏实现思路及代码
2014/09/28 Javascript
JavaScript中数组继承的简单示例
2015/07/29 Javascript
jQuery网页选项卡插件rTabs用法实例分析
2015/08/26 Javascript
纯javascript移动优先的幻灯片效果
2015/11/02 Javascript
原生js的数组除重复简单实例
2016/05/24 Javascript
总结javascript中的六种迭代器
2016/08/16 Javascript
详谈Ajax请求中的async:false/true的作用(ajax 在外部调用问题)
2017/02/10 Javascript
js时间戳格式化成日期格式的多种方法介绍
2017/02/16 Javascript
使用Browserify来实现CommonJS的浏览器加载方法
2017/05/14 Javascript
细说webpack源码之compile流程-rules参数处理技巧(1)
2017/12/26 Javascript
JavaScript位置参数实现原理及过程解析
2020/09/14 Javascript
python 回调函数和回调方法的实现分析
2016/03/23 Python
python进阶_浅谈面向对象进阶
2017/08/17 Python
python利用openpyxl拆分多个工作表的工作簿的方法
2019/09/27 Python
Python多线程获取返回值代码实例
2020/02/17 Python
基于nexus3配置Python仓库过程详解
2020/06/15 Python
高校生生产实习自我鉴定
2013/09/21 职场文书
年度考核自我鉴定
2014/02/02 职场文书
音乐节策划方案
2014/06/09 职场文书
教师作风建设剖析材料
2014/10/11 职场文书
退学证明范本3篇
2014/10/29 职场文书
大客户经理岗位职责
2015/04/09 职场文书
幼儿园老师新年寄语
2015/08/17 职场文书
创业计划书之健康营养产业
2019/10/15 职场文书
Python深度学习之Pytorch初步使用
2021/05/20 Python
GPU服务器的多用户配置方法
2022/07/07 Servers
Python中tqdm的使用和例子
2022/09/23 Python