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 相关文章推荐
代码生成器 document.write()
Apr 15 Javascript
jquery插件珍藏(图片局部放大/信息提示框)
Jan 08 Javascript
js动态设置鼠标事件示例代码
Oct 30 Javascript
cookie的复制与使用记住用户名实现代码
Nov 04 Javascript
ie8模式下click无反应点击option无反应的解决方法
Oct 11 Javascript
js window对象属性和方法相关资料整理
Nov 11 Javascript
Angular和Vue双向数据绑定的实现原理(重点是vue的双向绑定)
Nov 22 Javascript
Js apply方法详解
Feb 16 Javascript
python爬取安居客二手房网站数据(实例讲解)
Oct 19 Javascript
vue + element-ui实现简洁的导入导出功能
Dec 22 Javascript
详解javascript replace高级用法
Feb 17 Javascript
vue使用openlayers实现移动点动画
Sep 24 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
php版小黄鸡simsimi聊天机器人接口分享
2014/01/26 PHP
PHP+FastCGI+Nginx配置PHP运行环境
2014/08/07 PHP
php面向对象中static静态属性与方法的内存位置分析
2015/02/08 PHP
[原创]网络复制内容时常用的正则+editplus
2006/11/30 Javascript
JAVASCRIPT对象及属性
2007/02/13 Javascript
jQuery 1.4 15个你应该知道的新特性(译)
2010/01/24 Javascript
js中设置元素class的三种方法小结
2011/08/28 Javascript
JavaScript高级程序设计(第3版)学习笔记4 js运算符和操作符
2012/10/11 Javascript
Jquery+CSS3实现一款简洁大气带滑动效果的弹出层
2013/05/15 Javascript
javascript中数组的多种定义方法和常用函数简介
2014/05/09 Javascript
用js传递value默认值的示例代码
2014/09/11 Javascript
node.js中实现同步操作的3种实现方法
2014/12/05 Javascript
jQuery中ajax的get()方法用法实例
2014/12/26 Javascript
Bootstrap实现默认导航栏效果
2020/09/21 Javascript
【经验总结】编写JavaScript代码时应遵循的14条规律
2016/06/20 Javascript
原生js获取浏览器窗口及元素宽高常用方法集合
2017/01/18 Javascript
jQuery查找和过滤_动力节点节点Java学院整理
2017/07/04 jQuery
jsonp实现百度下拉框功能的方法分析
2019/05/10 Javascript
vue elementUI 表单校验功能之数组多层嵌套
2019/06/04 Javascript
解决webpack多页面内存溢出的方法示例
2019/10/08 Javascript
Vue-resource安装过程及使用方法解析
2020/07/21 Javascript
js实现弹窗效果
2020/08/09 Javascript
React冒泡和阻止冒泡的应用详解
2020/08/18 Javascript
python绘制双柱形图代码实例
2017/12/14 Python
Djang的model创建的字段和参数详解
2019/07/27 Python
Python爬虫之Selenium警告框(弹窗)处理
2020/12/04 Python
plt.figure()参数使用详解及运行演示
2021/01/08 Python
台湾百利市购物中心:e-Payless
2017/08/16 全球购物
泰国演唱会订票网站:StubHub泰国
2018/02/26 全球购物
Shopee菲律宾:在线购买和出售
2019/11/25 全球购物
工业设计专业推荐信
2013/10/29 职场文书
电气专业推荐信范文
2013/11/18 职场文书
教师求职信范文分享
2013/12/27 职场文书
会计专业自我鉴定
2014/02/10 职场文书
公司周年庆活动方案
2014/08/25 职场文书
2015年学校信息技术工作总结
2015/05/25 职场文书