浅谈在Vue.js中如何实现时间转换指令-创新互联

在社区中，发布的动态信息，经常会有一个相对余实际发布时间的相对时间。比如这里的微博：

成都创新互联公司成都网站建设按需开发网站，是成都网站营销推广公司,为铜雕雕塑提供网站建设服务,有成熟的网站定制合作流程，提供网站定制设计服务：原型图制作、网站创意设计、前端HTML5制作、后台程序开发等。成都网站设计热线：028-86922220

服务端存储的时间格式，一般为 Unix 时间戳，比如 2019/1/6 13:40:1 的Unix 时间戳为 1546753201651。前端在获取到这个时间戳之后，会转换为可读格式的时间。在社交类产品中，一般会将时间戳转换为 x 分钟前，x 小时前或者 x 天前，因为这样的显示方式用户体验更好。

我们可以自定义一个 v-relative-time 指令来实现上述功能。

html：

  
  
  



  

    现在时间：

    2019/1/6 13:45:02:

    2019/1/6 8:02:02:

    2019/1/5 22:02:02:

    2019/1/1 22:02:02:

    2018/1/6 8:02:02:

  

分享文章：浅谈在Vue.js中如何实现时间转换指令-创新互联
本文URL：http://mswzjz.cn/article/dgpopj.html