js根据日期判断昨天今天并显示(Vue)

阿狸演绎

于 2019-03-14 11:30:54 发布

阅读量2.1k

点赞数

分类专栏：前端之vue JS 文章标签：日期显示

本文链接：https://blog.youkuaiyun.com/qq_31334119/article/details/88549667

版权

本文介绍如何在Vue项目中根据日期判断显示为'昨天'、'今天'，其他日期则正常显示。内容涉及JavaScript日期处理和Vue模板语法的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

应最近项目要求,按照日期判断昨天和今天,如果是昨天或今天显示汉字,否则显示日期

效果图
在这里插入图片描述

 <div class="" style="font-size: 1rem;color: #9c9c9c">{
  {judgeTime('2019-03-14 09:11:18')}}</div>

    add0 (m) {
      return m < 10 ? '0' + m : m
    },
   judgeTime (date) {
      console.log(date)
      // 2019-03-14 09:11:18
      let _this = this
      let dateStr = new Date(date.replace(/-/g, '/'))
      let today = new Date()
      let hour = dateStr.getHours()
      let minute = dateStr.getMinutes()
      let second = dateStr.getSeconds()
      today.setHours(0)
      today.setMinutes(0)
      today.setSeconds(0)
      today.setMilliseconds(0)
      let otime = today.getTime()
      // 给出时间 - 今天0点
      let offset = dateStr.getTime() - otime
      let isToday = offset / 1000 / 60 / 60