javascript - Vue V-IF 与日期比较

Question

在我的网站中，我得到一个带有名为 available_at 字段的对象，该字段是采用以下格式的日期 2019-08-08

我有一个使用 vue 绑定(bind)的功能 html 表，但我不知道如何使用 Date.now() 对上面的时间戳进行 vue 比较

<tr :class="[dateEvent.priority + '-priority', 'status-' + dateEvent.status]">
  <td v-if="dateEvent.task_typet_id === '2' && dateEvent.name === 'Task Title' && dateEvent.available_at === Date.now()">{{ dateEvent.task_identifier }}</td>
</tr>

如何成功让它根据当前日期检查该字段？

Answer 1

几点:

• JavaScript Date 对象包含时间值，因此使用相等比较 === 将要求它们与毫秒匹配。您可能不希望这样。

• 您可以使用构造函数将字符串转换为 Date 对象，例如:

     new Date("2019-08-08") 

将创建一个与 8 月 8 日午夜相对应的日期。

• 请小心处理时区的方式。提供的日期是本地时区还是 UTC？

我建议使用计算属性来简化模板，然后查看可用于 Date 的各种方法。对象以了解如何构建符合您的应用程序要求的比较。