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 相关文章推荐
jQuery 处理网页内容的实现代码
Feb 15 Javascript
纯JavaScript实现HTML5 Canvas六种特效滤镜示例
Jun 28 Javascript
解析Javascript中大括号“{}”的多义性
Dec 02 Javascript
json的定义、标准格式及json字符串检验
May 11 Javascript
js中定义一个变量并判断其是否为空的方法
May 13 Javascript
用javascript实现自动输出网页文本
Jul 30 Javascript
js 转json格式的字符串为对象或数组(前后台)的方法
Nov 02 Javascript
js实现3d悬浮效果
Feb 16 Javascript
解决Extjs下拉框不显示的问题
Jun 21 Javascript
ztree实现左边动态生成树右边为内容详情功能
Nov 03 Javascript
layer.open回调获取弹出层参数的实现方法
Sep 10 Javascript
详解Vue中Axios封装API接口的思路及方法
Oct 10 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
全国FM电台频率大全 - 29 青海省
2020/03/11 无线电
生成卡号php代码
2008/04/09 PHP
PHP XML error parsing SOAP payload on line 1
2010/06/17 PHP
兼容性最强的PHP生成缩略图的函数代码(修改版)
2011/01/18 PHP
PHP常用函数之根据生日计算年龄功能示例
2019/10/21 PHP
经典的解除许多网站无法复制文字的绝招
2006/12/31 Javascript
Javascript 日期处理之时区问题
2009/10/08 Javascript
js使用eval解析json(js中使用json)
2014/01/17 Javascript
JS cookie中文乱码解决方法
2014/01/28 Javascript
jquery动态调整div大小使其宽度始终为浏览器宽度
2014/06/06 Javascript
JavaScript学习笔记之Cookie对象
2015/01/22 Javascript
有关easyui-layout中的收缩层无法显示标题的解决办法
2016/05/10 Javascript
JS库中的Particles.js在vue上的运用案例分析
2017/09/13 Javascript
JS/HTML5游戏常用算法之碰撞检测 地图格子算法实例详解
2018/12/12 Javascript
js刷新页面location.reload()用法详解
2019/12/09 Javascript
关于vue3.0中的this.$router.replace({ path: '/'})刷新无效果问题
2020/01/16 Javascript
[01:21]DOTA2 新英雄 森海飞霞
2020/12/18 DOTA
python算法学习之基数排序实例
2013/12/18 Python
Python的净值数据接口调用示例分享
2016/03/15 Python
独特的python循环语句
2016/11/20 Python
python实现闹钟定时播放音乐功能
2018/01/25 Python
python3+PyQt5实现自定义窗口部件Counters
2018/04/20 Python
Python基于pyCUDA实现GPU加速并行计算功能入门教程
2018/06/19 Python
详解python中sort排序使用
2019/03/23 Python
pytorch中tensor.expand()和tensor.expand_as()函数详解
2019/12/27 Python
使用Python内置模块与函数进行不同进制的数的转换
2020/04/26 Python
python是怎么被发明的
2020/06/15 Python
Python判断变量是否是None写法代码实例
2020/10/09 Python
欧缇丽英国官方网站:Caudalie英国
2016/08/17 全球购物
斯凯奇美国官网:SKECHERS美国
2016/08/20 全球购物
全球立体声:World Wide Stereo
2018/09/29 全球购物
我为自己代言广告词
2014/03/18 职场文书
机械专业毕业生自我鉴定2014
2014/10/04 职场文书
华清池导游词
2015/02/02 职场文书
医院感染管理制度
2015/08/05 职场文书
python playwright之元素定位示例详解
2022/07/23 Python