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 相关文章推荐
javascript 鼠标拖动图标技术
Feb 07 Javascript
De facto standard 世界上不可思议的事实标准
Aug 29 Javascript
iScroll中事件点击触发两次解决方案
Mar 11 Javascript
jQuery通过扩展实现抖动效果的方法
Mar 11 Javascript
自定义百度分享的分享按钮
Mar 18 Javascript
浅析JavaScript 调试方法和技巧
Oct 22 Javascript
jQuery Mobile弹出窗、弹出层知识汇总
Jan 05 Javascript
小白谈谈对JS原型链的理解
May 03 Javascript
JS实现的简单四则运算计算器功能示例
Sep 27 Javascript
小程序绑定用户方案优化小结
May 15 Javascript
基于JQuery和DWR实现异步数据传递
Oct 16 jQuery
原生小程序封装跑马灯效果
Oct 21 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
ThinkPHP中实例Model方法的区别说明
2010/08/21 PHP
ThinkPHP多语言支持与多模板支持概述
2014/08/22 PHP
仿163填写邮件地址自动显示下拉(无优化)
2008/11/05 Javascript
Js 弹出框口并返回值的两种常用方法
2010/12/30 Javascript
node+express+jade制作简单网站指南
2014/11/26 Javascript
jquery中radio checked问题
2015/03/16 Javascript
javascript实现的字符串与十六进制表示字符串相互转换方法
2015/07/17 Javascript
所见即所得的富文本编辑器bootstrap-wysiwyg使用方法详解
2016/05/27 Javascript
B/S(Web)实时通讯解决方案分享
2017/04/06 Javascript
JavaScript生成指定范围随机数和随机序列的方法
2018/05/05 Javascript
Vue框架TypeScript装饰器使用指南小结
2019/02/18 Javascript
在layui tab控件中载入外部html页面的方法
2019/09/04 Javascript
js利用iframe实现选项卡效果
2020/08/09 Javascript
在HTML中使用JavaScript的两种方法
2020/12/24 Javascript
[03:55]2014DOTA2国际邀请赛 Fnatic经理采访赢DK在情理之中
2014/07/10 DOTA
在Python的Django框架中simple-todo工具的简单使用
2015/05/30 Python
Python实现查找系统盘中需要找的字符
2015/07/14 Python
基础的十进制按位运算总结与在Python中的计算示例
2016/06/28 Python
Python中如何优雅的合并两个字典(dict)方法示例
2017/08/09 Python
python实现关键词提取的示例讲解
2018/04/28 Python
Pandas 合并多个Dataframe(merge,concat)的方法
2018/06/08 Python
IDLE下Python文件编辑和运行操作
2020/04/25 Python
python 识别登录验证码图片功能的实现代码(完整代码)
2020/07/03 Python
python matplotlib工具栏源码探析三之添加、删除自定义工具项的案例详解
2021/02/25 Python
轻松掌握CSS3中的字体大小单位rem的使用方法
2016/05/24 HTML / CSS
Manuka Doctor英国官网:真正的麦卢卡蜂蜜和护肤品
2018/10/26 全球购物
如何通过jdbc调用存储过程
2012/04/19 面试题
十佳护士获奖感言
2014/02/18 职场文书
超市国庆节促销方案
2014/02/20 职场文书
企业年会主持词
2014/03/27 职场文书
巾帼志愿者活动方案
2014/08/17 职场文书
团组织推荐意见
2015/06/05 职场文书
使用python向MongoDB插入时间字段的操作
2021/05/18 Python
MongoDB日志切割的三种方式总结
2021/09/15 MongoDB
Java 在线考试云平台的实现
2021/11/23 Java/Android
python使用BeautifulSoup 解析HTML
2022/04/24 Python