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 cookies 设置、读取、删除实例代码
Apr 12 Javascript
2010年最佳jQuery插件整理
Dec 06 Javascript
jQuery实现点击标题输入详细信息
Apr 16 Javascript
根据表格中的某一列进行排序的javascript代码
Nov 29 Javascript
js如何判断用户是否是用微信浏览器
Jun 05 Javascript
node.js中的fs.fsync方法使用说明
Dec 15 Javascript
JavaScript模拟push
Mar 06 Javascript
微信小程序左滑删除效果的实现代码
Feb 20 Javascript
React diff算法的实现示例
Apr 20 Javascript
ES6关于Promise的用法详解
May 07 Javascript
Vue3项目打包后部署到服务器 请求不到后台接口解决方法
Feb 06 Javascript
JS通用方法触发点击事件代码实例
Feb 17 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实现的MySQL通用查询程序
2007/03/11 PHP
PHP添加MySQL数据记录代码
2008/06/07 PHP
特详细的PHPMYADMIN简明安装教程
2008/08/01 PHP
深入分析php中接口与抽象类的区别
2013/06/08 PHP
thinkPHP实现瀑布流的方法
2014/11/29 PHP
php微信公众平台交互与接口详解
2016/11/28 PHP
Laravel中的Auth模块详解
2017/08/17 PHP
tp5(thinkPHP5)框架连接数据库的方法示例
2018/12/24 PHP
js压缩工具 yuicompressor 使用教程
2010/03/31 Javascript
$.format,jquery.format 使用说明
2011/07/13 Javascript
JavaScript定义类和对象的方法
2014/11/26 Javascript
推荐4个原生javascript常用的函数
2015/01/12 Javascript
JavaScript使用RegExp进行正则匹配的方法
2015/07/11 Javascript
js实现新浪微博首页效果
2015/10/16 Javascript
javascript类型系统 Window对象学习笔记
2016/01/07 Javascript
js仿支付宝多方框输入支付密码效果
2016/09/27 Javascript
jQuery表单验证简单示例
2016/10/17 Javascript
关于javascript sort()排序你可能忽略的一点理解
2017/07/18 Javascript
JS+Canvas绘制动态时钟效果
2017/11/10 Javascript
JavaScript实现点击出现图片并统计点击次数功能示例
2018/07/23 Javascript
JavaScript碎片—函数闭包(模拟面向对象)
2019/03/13 Javascript
vue中根据时间戳判断对应的时间(今天 昨天 前天)
2019/12/20 Javascript
[56:47]Ti4 循环赛第三日 iG vs Liquid
2014/07/12 DOTA
Python实现从百度API获取天气的方法
2015/03/11 Python
python采用django框架实现支付宝即时到帐接口
2016/05/17 Python
浅谈python可视化包Bokeh
2018/02/07 Python
python的schedule定时任务模块二次封装方法
2019/02/19 Python
python简单实现AES加密和解密
2019/03/28 Python
Python如何实现在字符串里嵌入双引号或者单引号
2020/03/02 Python
纯CSS3实现手风琴风格菜单具体步骤
2013/05/06 HTML / CSS
HTML5之HTML元素扩展(下)—增强的Form表单元素值得关注
2013/01/31 HTML / CSS
HTML5+CSS3实现拖放(Drag and Drop)示例
2014/07/07 HTML / CSS
审核会计岗位职责
2013/11/08 职场文书
五年级下册复习计划
2015/01/19 职场文书
教师个人工作总结范文2015
2015/10/14 职场文书
《折线统计图》教学反思
2016/02/22 职场文书