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 相关文章推荐
AJAX使用了UpdatePanel后无法使用alert弹出脚本
Apr 02 Javascript
JavaScript arguments 多参传值函数
Oct 24 Javascript
jquery图片延迟加载 前端开发技能必备系列
Jun 18 Javascript
Extjs显示从数据库取出时间转换JSON后的出现问题
Nov 20 Javascript
javascript实现div的显示和隐藏的小例子
Jun 25 Javascript
javascript日期格式化示例分享
Mar 05 Javascript
使用jquery实现放大镜效果
Sep 02 Javascript
详解JavaScript的变量和数据类型
Nov 27 Javascript
JavaScript使用delete删除数组元素用法示例【数组长度不变】
Jan 17 Javascript
javascript算法之二叉搜索树的示例代码
Sep 12 Javascript
使用JavaScript实现在页面中显示距离2017年中秋节的天数
Sep 26 Javascript
VUE脚手架具体使用方法
May 20 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
一个好用的分页函数
2006/11/16 PHP
php使用反射插入对象示例分享
2014/03/11 PHP
php多功能图片处理类分享(php图片缩放类)
2014/03/14 PHP
php文件压缩之PHPZip类用法实例
2015/06/18 PHP
php读取txt文件并将数据插入到数据库
2016/02/23 PHP
PHP简单日历实现方法
2016/07/20 PHP
php中输出json对象的值(实现方法)
2018/03/07 PHP
Laravel 自定命令以及生成文件的例子
2019/10/23 PHP
javascript之dhDataGrid Ver2.0.0代码
2007/07/01 Javascript
在javascript将NodeList作为Array数组处理的方法
2010/07/09 Javascript
JSON.stringify 语法实例讲解
2012/03/14 Javascript
js三种排序算法分享
2012/08/16 Javascript
js去空格技巧分别去字符串前后、左右空格
2013/10/21 Javascript
一个简单的JS时间控件示例代码(JS时分秒时间控件)
2013/11/22 Javascript
form表单action提交的js部分与html部分
2014/01/07 Javascript
js文件包含的几种方式介绍
2014/09/28 Javascript
以Python代码实例展示kNN算法的实际运用
2015/10/26 Javascript
js HTML5上传示例代码完整版
2016/10/10 Javascript
使用get方式提交表单在地址栏里面不显示提交信息
2017/02/21 Javascript
ES6新数据结构Map功能与用法示例
2017/03/31 Javascript
利用node.js写一个爬取知乎妹纸图的小爬虫
2017/05/03 Javascript
Vue Ajax跨域请求实例详解
2017/06/20 Javascript
微信小程序模板(template)使用详解
2018/01/31 Javascript
Vue-cli项目部署到Nginx服务器的方法
2019/11/01 Javascript
Vue利用localStorage本地缓存使页面刷新验证码不清零功能的实现
2020/09/04 Javascript
python抓取网页内容示例分享
2014/02/24 Python
详细解读Python中的__init__()方法
2015/05/02 Python
Python运算符重载用法实例分析
2015/06/01 Python
在Django中编写模版节点及注册标签的方法
2015/07/20 Python
使用Python读取二进制文件的实例讲解
2018/07/09 Python
Probikekit欧盟:在线公路自行车专家
2019/07/12 全球购物
华美博弈C/VC工程师笔试试题
2012/07/16 面试题
动态密码技术
2012/10/18 面试题
承诺书格式范文
2014/06/03 职场文书
2014年企业员工工作总结
2014/12/09 职场文书
全陪导游词开场白
2015/05/29 职场文书