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 HotKeys轻松搞定键盘事件代码
Aug 30 Javascript
js实现交换运动效果的方法
Apr 10 Javascript
Jquery 分页插件之Jquery Pagination
Aug 25 Javascript
JQuery 设置checkbox值二次无效的解决方法
Jul 22 Javascript
AngularJS指令用法详解
Nov 02 Javascript
详解vue-validator(vue验证器)
Jan 16 Javascript
用Vue-cli搭建的项目中引入css报错的原因分析
Jul 20 Javascript
vue中的计算属性实例详解
Sep 19 Javascript
微信小程序新手教程之启动页的重要性
Mar 03 Javascript
五分钟搞懂Vuex实用知识(小结)
Aug 12 Javascript
微信小程序实现滚动加载更多的代码
Dec 06 Javascript
在vue中axios设置timeout超时的操作
Sep 04 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基于session.upload_progress 实现文件上传进度显示功能详解
2019/08/09 PHP
JS的Document属性和方法小结
2013/09/17 Javascript
利用javascript实现web页面中指定区域打印
2013/10/30 Javascript
30个经典的jQuery代码开发技巧
2014/12/15 Javascript
JavaScript 模块的循环加载实现方法
2015/12/13 Javascript
Jquery easyui开启行编辑模式增删改操作
2016/01/14 Javascript
有关easyui-layout中的收缩层无法显示标题的解决办法
2016/05/10 Javascript
Bootstrap组件(一)之菜单
2016/05/11 Javascript
jQuery简单实现tab选项卡切换效果
2016/06/20 Javascript
JS新包管理工具yarn和npm的对比与使用入门
2016/12/09 Javascript
利用HTML5+Socket.io实现摇一摇控制PC端歌曲切换
2017/01/13 Javascript
Angular.js中ng-if、ng-show和ng-hide的区别介绍
2017/01/20 Javascript
jquery 实时监听输入框值变化的完美方法(必看)
2017/01/26 Javascript
canvas实现爱心和彩虹雨效果
2017/03/09 Javascript
jQuery自定义多选下拉框效果
2017/06/19 jQuery
Vue ElementUI之Form表单验证遇到的问题
2017/08/21 Javascript
layui原生表单验证的实例
2019/09/09 Javascript
如何在JavaScript中等分数组的实现
2020/12/13 Javascript
使用Python脚本生成随机IP的简单方法
2015/07/30 Python
举例讲解Python面向对象编程中类的继承
2016/06/17 Python
Python编程实现双击更新所有已安装python模块的方法
2017/06/05 Python
python 删除非空文件夹的实例
2018/04/26 Python
python 实现一次性在文件中写入多行的方法
2019/01/28 Python
Python函数中的可变长参数详解
2019/09/12 Python
tf.concat中axis的含义与使用详解
2020/02/07 Python
Keras中的多分类损失函数用法categorical_crossentropy
2020/06/11 Python
python如何删除文件、目录
2020/06/23 Python
有机婴儿毛毯和衣服:Monica + Andy
2020/03/01 全球购物
如何打印出当前源文件的文件名以及源文件的当前行号
2015/04/05 面试题
应届毕业生的个人自我鉴定
2013/10/24 职场文书
计算机专业优秀大学生自我总结
2014/01/21 职场文书
挂科检讨书范文
2014/02/20 职场文书
大学生求职信范文
2014/05/24 职场文书
员工教育培训协议书
2014/09/27 职场文书
公司员工安全协议书
2014/11/21 职场文书
HTML5 新增内容和 API详解
2021/11/17 HTML / CSS