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 相关文章推荐
event.srcElement+表格应用
Aug 29 Javascript
JavaScript 继承详解(四)
Jul 13 Javascript
Jquery chosen动态设置值实例介绍
Aug 08 Javascript
JavaScript两种跨域技术全面介绍
Apr 16 Javascript
JavaScript中解决多浏览器兼容性23个问题的快速解决方法
May 19 Javascript
微信小程序 封装http请求实例详解
Jan 16 Javascript
Angular2生命周期钩子函数的详细介绍
Jul 10 Javascript
JavaScript中运算符规则和隐式类型转换示例详解
Sep 06 Javascript
如何将你的AngularJS1.x应用迁移至React的方法
Feb 01 Javascript
async/await地狱该如何避免详解
May 10 Javascript
详解关于html,css,js三者的加载顺序问题
Apr 10 Javascript
微信小程序工具函数封装
Oct 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
php生成短域名函数
2015/03/23 PHP
yii去掉必填项中星号的方法
2015/12/28 PHP
jquery select(列表)的操作(取值/赋值)
2009/08/06 Javascript
js更优雅的兼容
2010/08/12 Javascript
查找Oracle高消耗语句的方法
2014/03/22 Javascript
js控制鼠标事件移动及移出效果显示
2014/10/19 Javascript
JavaScript中的数组特性介绍
2014/12/30 Javascript
javascript限制文本框输入值类型的方法
2015/05/07 Javascript
js实现具有高亮显示效果的多级菜单代码
2015/09/01 Javascript
浅谈addEventListener和attachEvent的区别
2016/07/14 Javascript
BOM系列第一篇之定时器setTimeout和setInterval
2016/08/17 Javascript
微信小程序 视图层(xx.xml)和逻辑层(xx.js)详细介绍
2016/10/13 Javascript
jQuery.cookie.js实现记录最近浏览过的商品功能示例
2017/01/23 Javascript
详解webpack+gulp实现自动构建部署
2017/06/29 Javascript
jquery中done和then的区别(详解)
2017/12/19 jQuery
AngularJs分页插件使用详解
2018/06/30 Javascript
对Vue- 动态元素属性及v-bind和v-model的区别详解
2018/08/27 Javascript
javascript判断一个变量是数组还是对象
2019/04/10 Javascript
如何实现一个简易版的vuex持久化工具
2019/09/11 Javascript
Vue通过WebSocket建立长连接的实现代码
2019/11/05 Javascript
js实现div色块碰撞
2020/01/16 Javascript
如何实现echarts markline标签名显示自己想要的
2020/07/20 Javascript
定制FileField中的上传文件名称实例
2017/08/23 Python
PyCharm刷新项目(文件)目录的实现
2020/02/14 Python
Python通过len函数返回对象长度
2020/10/22 Python
详解基于Facecognition+Opencv快速搭建人脸识别及跟踪应用
2021/01/21 Python
Merrell迈乐澳大利亚网站:购买户外登山鞋
2017/05/28 全球购物
荣耀商城:HIHONOR
2020/11/03 全球购物
医药专业推荐信
2013/11/15 职场文书
会计电算化专业个人的自我评价
2013/11/24 职场文书
教师的实习鉴定
2013/12/15 职场文书
高中运动会入场词
2014/02/14 职场文书
支部组织生活会方案
2014/06/10 职场文书
小学老师对学生的评语
2014/12/29 职场文书
vue项目proxyTable配置和部署服务器
2022/04/14 Vue.js