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
防止网站内容被拷贝的一些方法与优缺点好处与坏处分析
Nov 30 Javascript
jquery checkbox全选、取消全选实现代码
Mar 05 Javascript
Js实现自定义右键行为
Mar 26 Javascript
js实现分享到随页面滚动而滑动效果的方法
Apr 10 Javascript
javascript实现炫酷的拖动分页
May 11 Javascript
jQuery仿360导航页图标拖动排序效果代码分享
Aug 24 Javascript
Javascript 严格模式use strict详解
Sep 16 Javascript
Angular.js中window.onload(),$(document).ready()的写法浅析
Sep 28 Javascript
vue init webpack 建vue项目报错的解决方法
Sep 29 Javascript
微信小程序实现授权登录
May 15 Javascript
Vue源码分析之Vue实例初始化详解
Aug 25 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
使用淘宝IP库获取用户ip地理位置
2013/10/27 PHP
php curl登陆qq后获取用户信息时证书错误
2015/02/03 PHP
CodeIgniter视图使用注意事项
2016/01/20 PHP
php获取给定日期相差天数的方法分析
2017/02/20 PHP
JavaScript 模拟用户单击事件
2009/12/31 Javascript
火狐textarea输入法的bug的触发及解决
2013/07/24 Javascript
同域jQuery(跨)iframe操作DOM(示例代码)
2013/12/13 Javascript
iframe窗口高度自适应的实现方法
2014/01/08 Javascript
javascript与有限状态机详解
2014/05/08 Javascript
用html5 js实现点击一个按钮达到浏览器全屏效果
2014/05/28 Javascript
字段太多jquey快速清空表单内容方法
2014/08/21 Javascript
nodejs中实现sleep功能实例
2015/03/24 NodeJs
JavaScript数组和循环详解
2015/04/27 Javascript
jQuery实现的鼠标滑过弹出放大图片特效
2016/01/08 Javascript
Bootstrap Validator 表单验证
2016/07/25 Javascript
Js操作DOM元素及获取浏览器高宽的简单方法
2016/09/08 Javascript
利用js编写响应式侧边栏
2016/09/17 Javascript
Jquery删除css属性的简单方法
2016/12/04 Javascript
jq给页面添加覆盖层遮罩的实例
2017/02/16 Javascript
详解vue-cli脚手架build目录中的dev-server.js配置文件
2017/11/24 Javascript
微信小程序如何利用getCurrentPages进行页面传值
2019/07/01 Javascript
js实现拖拽与碰撞检测
2020/09/18 Javascript
windows及linux环境下永久修改pip镜像源的方法
2016/11/28 Python
在Python中获取操作系统的进程信息
2019/08/27 Python
Python 使用多属性来进行排序
2019/09/01 Python
Python 实现OpenCV格式和PIL.Image格式互转
2020/01/09 Python
Python变量、数据类型、数据类型转换相关函数用法实例详解
2020/01/09 Python
用python绘制樱花树
2020/10/09 Python
基于Html5实现的语音搜索功能
2019/05/13 HTML / CSS
家长给老师的道歉信
2014/01/13 职场文书
汽车队司机先进事迹材料
2014/02/01 职场文书
基层党员公开承诺书
2014/05/29 职场文书
学校教研活动总结
2014/07/02 职场文书
电话营销开场白
2015/05/29 职场文书
2016年中学端午节主题活动总结
2016/04/01 职场文书
MySQL官方导出工具mysqlpump的使用
2021/05/21 MySQL