怎么在vue.js中将时间戳转化为日期格式

  介绍

这篇文章主要为大家详细介绍了怎么在vue。js中将时间戳转化为日期格式,文中示例代码介绍的非常详细,具有一定的参考价值,发现的小伙伴们可以参考一下:

Vue的优点

Vue具体轻量级框架,简单易学,双向数据绑定,组件化,数据和结构的分离,虚拟DOM,运行速度快等优势,Vue中页面使用的是局部刷新,不用每次跳转页面都要请求所有数据和DOM,可以大大提升访问速度和用户体验。

& lt; !——, value 格式为13位unix时间戳,——比;   & lt; !——, 10位unix时间戳可通过价值* 1000转换为13位格式,——在 export  function  formatDate (日期,fmt), {   if 才能;(/(y +)/test (fmt)), {   ,,,fmt =, fmt.replace (RegExp, 1美元,(date.getFullYear (), +, & # 39; & # 39;) .substr(4,安康;RegExp。1.美元长度));   ,,}   let 才能;o =, {   ,,,& # 39;M + & # 39;:, date.getMonth (), +, - 1,   ,,,& # 39;d + & # 39;:, date.getDate (),   ,,,& # 39;h + & # 39;:, date.getHours (),   ,,,& # 39;m + & # 39;:, date.getMinutes (),   ,,,& # 39;s + & # 39;:, date.getSeconds ()   ,,};   for 才能;(let  k 拷贝o), {   ,,,if  (new 正则表达式(($ {k})) test (fmt)), {   ,,,,,let  str =, o [k], +, & # 39; & # 39;;   ,,,,,fmt =, fmt.replace (RegExp, 1美元,(RegExp。1.美元length ===, 1), ?, str :, padLeftZero (str));   ,,,}   ,,}   return 才能;fmt;   };   function  padLeftZero  (str), {   return 才能;(& # 39;00 & # 39;,+,str) .substr (str.length);   };

,把上面代码保存为日期。js放到你的公共js文件夹中。

在你的需要格式化时间戳的组件里像下面这样使用:

& lt; template>   & lt; !——,才能过滤器,time 可以使后台得到的数据,循环出来的也行,——比;   & lt;才能div> {{| time  formatDate}} & lt;/div>   & lt; !——,才能输出结果,——比;   & lt;才能!——,& lt; div> 2016 - 07 - 23, 21:52
,——比;   & lt;/template>   & lt; script>   import  {formatDate},得到& # 39;。/共同/date.js& # 39;;   export  default  {   ,,过滤器:{   ,,,formatDate(时间),{   ,,,,,var  date =, new 日期(时间);   ,,,,,return  formatDate(日期,& # 39;yyyy-MM-dd  hh: mm # 39;);   ,,,}   ,,}   }   & lt;/script>

以上就是小编为大家收集整理的怎么在vue.js中将时间戳转化为日期格式,如何觉得网站的内容还不错,欢迎将网站推荐给身边好友。

怎么在vue.js中将时间戳转化为日期格式