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基础的动画教程,直观易懂
Jan 10 Javascript
使用prototype.js进行异步操作
Feb 07 Javascript
自己实现ajax封装示例分享
Apr 01 Javascript
JavaScript调用浏览器打印功能实例分析
Jul 17 Javascript
js+css简单实现网页换肤效果
Dec 29 Javascript
jQuery中的一些常见方法小结(推荐)
Jun 13 Javascript
jQuery中的ready函数与window.onload谁先执行
Jun 21 Javascript
jQuery EasyUI 为Combo,Combobox添加清除值功能的实例
Apr 13 jQuery
javascript实现文字无缝滚动效果
Aug 26 Javascript
ES7中利用Await减少回调嵌套的方法详解
Nov 01 Javascript
Node.js引入UIBootstrap的方法示例
May 11 Javascript
JavaScript实现图片懒加载的方法分析
Jul 05 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
2019年中国咖啡业现状与发展趋势
2021/03/04 咖啡文化
php使浏览器直接下载pdf文件的方法
2013/11/15 PHP
Yii框架中sphinx索引配置方法解析
2016/10/18 PHP
js几个不错的函数 $$()
2006/10/09 Javascript
浅谈javascript的数据类型检测
2010/07/10 Javascript
JQuery验证工具类搜集整理
2013/01/16 Javascript
jQuery的:parent选择器定义和用法
2014/07/01 Javascript
javascript实现表格排序 编辑 拖拽 缩放
2015/01/02 Javascript
js+css实现导航效果实例
2015/02/10 Javascript
jQuery蓝色风格滑动导航栏代码分享
2015/08/19 Javascript
js动态生成form 并用ajax方式提交的实现方法
2016/09/09 Javascript
详解js界面跳转与值传递
2016/11/22 Javascript
Vue.js第二天学习笔记(vue-router)
2016/12/01 Javascript
JS+Canvas实现的俄罗斯方块游戏完整实例
2016/12/12 Javascript
vue.js实现仿原生ios时间选择组件实例代码
2016/12/21 Javascript
详谈angularjs中路由页面强制更新的问题
2017/04/24 Javascript
vue-cli构建项目下使用微信分享功能
2018/05/28 Javascript
vue-cli webpack 引入swiper的操作方法
2018/09/15 Javascript
微信小程序实现电子签名功能
2020/07/29 Javascript
[56:01]2018DOTA2亚洲邀请赛 3.31 小组赛 B组 Effect vs EG
2018/03/31 DOTA
Python用threading实现多线程详解
2017/02/03 Python
Python matplotlib 画图窗口显示到gui或者控制台的实例
2018/05/24 Python
浅谈django三种缓存模式的使用及注意点
2018/09/30 Python
Python实现繁?转为简体的方法示例
2018/12/18 Python
Python版中国省市经纬度
2020/02/11 Python
Tuckernuck官网:经典的美国品质服装、鞋子和配饰
2021/01/11 全球购物
统计学专业毕业生的自我评价分享
2013/11/28 职场文书
会计电算化专业毕业生求职信范文
2013/12/10 职场文书
《晏子使楚》教学反思
2014/02/08 职场文书
2014新课程改革心得体会
2014/03/10 职场文书
校庆口号
2014/06/20 职场文书
会议开幕词
2015/01/28 职场文书
民间借贷纠纷案件代理词
2015/05/26 职场文书
python和Appium的移动端多设备自动化测试框架
2022/04/26 Python
js前端图片加载异常兜底方案
2022/06/21 Javascript
浅谈css清除浮动(clearfix和clear)的用法
2023/05/21 HTML / CSS