vue将毫秒数转化为正常日期格式的实例


Posted in Javascript onSeptember 16, 2018

过滤器-时间戳转化

第一步:定义过滤器,filters.js

vue将毫秒数转化为正常日期格式的实例

export function formatDate (date, fmt) {
  if (/(y+)/.test(fmt)) {
   fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length));
  }
  let o = {
   'M+': date.getMonth() + 1,
   'd+': date.getDate(),
   'h+': date.getHours(),
   'm+': date.getMinutes(),
   's+': date.getSeconds()
  };
  for (let k in o) {
   if (new RegExp(`(${k})`).test(fmt)) {
    let str = o[k] + '';
    fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? str : padLeftZero(str));
   }
  }
  return fmt;
 };

 function padLeftZero (str) {
  return ('00' + str).substr(str.length);
 };

第二步:在所用之处引入filters.js

vue将毫秒数转化为正常日期格式的实例

import {formatDate} from '../../common/filters.js'

第三步:使用

vue将毫秒数转化为正常日期格式的实例

filters:{
 formatDate(time){
  var data = new Date(time);
  return formatDate(data,'yyyy-MM-dd');
 }
 },

vue将毫秒数转化为正常日期格式的实例

<span>{{item.rateTime | formatDate}}</span>

以上这篇vue将毫秒数转化为正常日期格式的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jquery select选中的一个小问题
Oct 11 Javascript
JavaScript学习笔记之内置对象
Jan 22 Javascript
Node.js中常规的文件操作总结
Oct 13 Javascript
JS HTML图片显示Canvas 压缩功能
Jul 21 Javascript
Js利用console计算代码运行时间的方法示例
Sep 24 Javascript
javascript中的隐式调用
Feb 10 Javascript
vue中v-for加载本地静态图片方法
Mar 03 Javascript
在vue中读取本地Json文件的方法
Sep 06 Javascript
vue+axios 前端实现登录拦截的两种方式(路由拦截、http拦截)
Oct 24 Javascript
C#程序员入门学习微信小程序的笔记
Mar 05 Javascript
微信小程序实现录音Record功能
May 09 Javascript
TS 类型收窄教程示例详解
Sep 23 Javascript
Vue filter格式化时间戳时间成标准日期格式的方法
Sep 16 #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
You might like
我的论坛源代码(一)
2006/10/09 PHP
让PHP支持断点续传的源码
2010/05/16 PHP
PHP下常用正则表达式整理
2010/10/26 PHP
PHP5.5.15+Apache2.4.10+MySQL5.6.20配置方法分享
2016/05/06 PHP
jQuery使用手册之 事件处理
2007/03/24 Javascript
js实现的跟随鼠标移动的时钟效果(中英文日期显示)
2011/01/17 Javascript
JS动态创建Table,Tr,Td并赋值的具体实现
2013/07/05 Javascript
jquery分隔Url的param方法(推荐)
2016/05/25 Javascript
AngularJS ng-bind-template 指令详解
2016/07/30 Javascript
微信小程序 数据绑定详解及实例
2016/10/25 Javascript
loading动画特效小结
2017/01/22 Javascript
简单实现js选项卡切换效果
2017/02/09 Javascript
vue 数组和对象不能直接赋值情况和解决方法(推荐)
2017/10/25 Javascript
jQuery实现所有验证通过方可提交的表单验证
2017/11/21 jQuery
微信小程序实现点击按钮修改字体颜色功能【附demo源码下载】
2017/12/05 Javascript
[01:05]主宰至宝剑心之遗
2017/03/16 DOTA
python使用多线程不断刷新网页的方法
2015/03/31 Python
使用Python脚本操作MongoDB的教程
2015/04/16 Python
在Docker上开始部署Python应用的教程
2015/04/17 Python
Django中几种重定向方法
2015/04/28 Python
python杀死一个线程的方法
2015/09/06 Python
Python进程间通信之共享内存详解
2017/10/30 Python
python广度优先搜索得到两点间最短路径
2019/01/17 Python
使用python绘制二维图形示例
2019/11/22 Python
Python 实现网课实时监控自动签到、打卡功能
2020/03/12 Python
Python:__eq__和__str__函数的使用示例
2020/09/26 Python
css3打造一款漂亮的卡哇伊按钮
2013/03/20 HTML / CSS
美国背景检查、公共记录和人物搜索网站:BeenVerified
2018/02/25 全球购物
大学生个人自荐信样本
2014/03/02 职场文书
信息总监管理职责范本
2014/03/08 职场文书
父母寄语大全
2014/04/12 职场文书
教师反腐倡廉演讲稿
2014/09/03 职场文书
绿色校园广播稿
2014/10/13 职场文书
安全员岗位职责范本
2015/04/11 职场文书
责任书范本大全
2015/05/11 职场文书
2016年公司“3.12”植树节活动总结
2016/03/16 职场文书