vue项目中判断当前日期时间是否在一个时间范围内

在Vue项目中，你可以使用JavaScript的Date对象来判断当前日期时间是否在一个时间范围内。以下是一个示例代码：

<template>
  <div>
    <p>当前时间：{{ currentTime }}</p>
    <p v-if="isInRange">当前时间在范围内</p>
    <p v-else>当前时间不在范围内</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      startTime: '2022-01-01T09:00:00',
      endTime: '2022-01-01T17:00:00',
      currentTime: new Date().toISOString()
    }
  },
  computed: {
    isInRange() {
      const start = new Date(this.startTime).getTime()
      const end = new Date(this.endTime).getTime()
      const now = new Date(this.currentTime).getTime()
      return now >= start && now <= end
    }
  }
}
</script>

在这个示例中，我们使用了`data`属性来保存开始时间、结束时间和当前时间。然后，我们使用`computed`属性来判断当前时间是否在范围内。我们将开始时间、结束时间和当前时间转换为时间戳，并使用`getTime()`方法来获取它们的毫秒数。然后，我们将当前时间与开始时间和结束时间的毫秒数进行比较，如果当前时间在范围内，就返回`true`，否则返回`false`。最后，我们在模板中使用`v-if`指令来根据判断结果显示不同的文本。