博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue实现距离购买日期提示
阅读量:5807 次
发布时间:2019-06-18

本文共 988 字,大约阅读时间需要 3 分钟。

hot3.png

// 距离当天时间长度显示

    Vue.filter('historytime', function (str) {

      let now = new Date().getTime()
      let oldTime = new Date(str).getTime()
      let difference = now - oldTime
      let result = ''
      let minute = 1000 * 60
      let hour = minute * 60
      let day = hour * 24
      let month = day * 30
      let year = month * 12
      let _year = difference / year
      let _month = difference / month
      let _week = difference / (7 * day)
      let _day = difference / day
      let _hour = difference / hour
      let _min = difference / minute
    
      if (_year >= 1) {
        result = '购买于 ' + ~~(_year) + ' 年前'
      } else if (_month >= 1) {
        result = '购买于 ' + ~~(_month) + ' 个月前'
      } else if (_week >= 1) {
        result = '购买于 ' + ~~(_week) + ' 周前'
      } else if (_day >= 1) {
        result = '购买于 ' + ~~(_day) + ' 天前'
      } else if (_hour >= 1) {
        result = '购买于 ' + ~~(_hour) + ' 个小时前'
      } else if (_min >= 1) {
        result = '购买于 ' + ~~(_min) + ' 分钟前'
      } else {
        result = '刚刚'
      }
      return result
    }

html

    <div class="history-time">{

{item.history | historytime}}</div>

转载于:https://my.oschina.net/lemonfive/blog/1814160

你可能感兴趣的文章
国内首例:飞步无人卡车携手中国邮政、德邦投入日常运营
查看>>
微软将停止对 IE 8、9和10的支持
查看>>
微服务架构会和分布式单体架构高度重合吗
查看>>
如何测试ASP.NET Core Web API
查看>>
《The Age of Surge》作者访谈
查看>>
测试人员的GitHub
查看>>
Spring Web Services 3.0.4.RELEASE和2.4.3.RELEASE发布
查看>>
有关GitHub仓库分支的几个问题
查看>>
无服务器计算的黑暗面:程序移植没那么容易
查看>>
云原生的浪潮下,为什么运维人员适合学习Go语言?
查看>>
Webpack入门教程三十
查看>>
EAServer 6.1 .NET Client Support
查看>>
锐捷交换机密码恢复(1)
查看>>
Kali linux virtualbox rc=1908 错误解决办法
查看>>
Erlang学习总结之Erlang语法中的逗号(,)、分号(;),句号(.)的正确用法...
查看>>
linux软件包管理之三(源代码安装)
查看>>
数据库三范式是什么?
查看>>
[转载]设置Ubuntu自动连接无线,无须再输入密钥环和无线密码
查看>>
九叔Xen App测试报告
查看>>
Apache配置
查看>>