const compareDate = (timestamp, day = 0) => { // timestamp 为要传入的时间戳 // day 为要减去的日子 因为比较*当天*的话，是不需要减的，所以默认定义成0, // 根据上面分析，有些需要参数`time`，有些不需要，所以使用一个函数来区分一下 let newDate = (time = null) => { return time === null ? new Date() : new Date(time) } // 这里返回 比较后的值，比较成功，则返回`true`，失败则返回`false` return (newDate(timestamp).getDate() == newDate().getDate() - day) && (newDate(timestamp).getMonth() == newDate().getMonth()) && (newDate(timestamp).getYear() == newDate().getYear()) } export { compareDate }
上面就是封装好的函数，但是有一个问题，就是函数里面写死了比较年月日，因为目前都需要比较三个，就先这样，有时间在改为根据参数在来区分比较年或月或日。
然后就可以使用了，使用的时候需要注意一下，我的这篇博客里面已经说了，这里就不细说， 直接放代码：
// index.vue import { compareDate } from 'common.js' data() { return { compare: compareDate } } <template> <div> <span v-if="compare(time)">{{time | FormatDate( 'HH:mm')}}</span> <span v-else-if="compare(time, 1)">昨天</span> <span v-else-if="compare(time, 2)">前天</span> <span v-else>{{time | FormatDate( 'MM-d')}}</span> </div> </template>
这样是不是简洁了很多呢？，而且也容易理解，看着也清晰。
以上就是根据时间戳，来比较当前时间显示对应的日期。如果有更好的方法欢迎讨论。如果有疑问也可以留言。
总结
以上所述是小编给大家介绍的vue中根据时间戳判断对应的时间(今天 昨天 前天)，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！
您可能感兴趣的文章: