码迷,mamicode.com
首页 > 其他好文 > 详细

vue项目里的日期格式化

时间:2018-04-12 22:32:53      阅读:185      评论:0      收藏:0      [点我收藏+]

标签:padleft   bubuko   replace   技术   ima   toolbar   image   common   png   

在项目中,我们经常需要把后台传回的日期进行格式化,可以在common里定义一个公共的js

技术分享图片

技术分享图片
 1 export function formatDate (date, fmt) {
 2   if (/(y+)/.test(fmt)) {
 3     fmt = fmt.replace(RegExp.$1, (date.getFullYear() + ‘‘).substr(4 - RegExp.$1.length))
 4   }
 5   let o = {
 6     ‘M+‘: date.getMonth() + 1,
 7     ‘d+‘: date.getDate(),
 8     ‘h+‘: date.getHours(),
 9     ‘m+‘: date.getMinutes(),
10     ‘s+‘: date.getSeconds()
11   }
12   for (let k in o) {
13     if (new RegExp(`(${k})`).test(fmt)) {
14       let str = o[k] + ‘‘
15       fmt = fmt.replace(RegExp.$1, RegExp.$1.length === 1 ? str : padLeftZero(str))
16     }
17   }
18   return fmt
19 }
20 
21 function padLeftZero (str) {
22   return (‘00‘ + str).substr(str.length)
23 }
技术分享图片

vue文件引入

技术分享图片

js文件用的是export,  vue文件引入的时候需要加{}

 技术分享图片

箭头对应的就是上面{}里面的

template中这样使用::

技术分享图片

 

vue项目里的日期格式化

标签:padleft   bubuko   replace   技术   ima   toolbar   image   common   png   

原文地址:https://www.cnblogs.com/zhiboweifang/p/8810251.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!