<think>
我们只需要关注小时部分，所以思路如下：
1. 获取当前
时间的小时（24小时制）
2. 将
时间段字符串（如"08:00-18:00"）拆分为开始小时和结束小时
3. 将字符串的小时部分转换为数字
4.
判断当前小时
是否在开始小时和结束小时之间（注意跨天的情况，但根据需求，我们只
判断小时，且一般
时间段在同一天内，如果跨天则需要特殊处理）
但是，用户要求只根据小时
判断，不考虑分钟和秒，所以我们可以忽略分钟和秒。
假设
时间段字符串格式为"HH:mm-HH:mm"，我们只需要提取HH部分。但注意，可能
时间段是跨天的，比如"22:00-06:00"，这时结束
时间小于开始
时间，表示从当天22点到次日6点。
因此，我们需要考虑两种情况：
情况1：开始小时 <= 结束小时，表示同一天内，那么当前小时需要满足：开始小时 <= 当前小时 < 结束小时（注意：结束
时间通常不包含，比如[8,18)表示8点到18点，不包括18点整。但具体业务可能包含结束
时间，这里根据需求调整。本例我们假设
时间段是左闭右开区间，即包含开始
时间，不包含结束
时间）。
情况2：开始小时 > 结束小时，表示跨天，那么当前小时应该满足：当前小时 >= 开始小时 或 当前小时 < 结束小时。
但是，用户只
判断小时，所以我们可以这样处理：
步骤：
1. 获取当前
时间的小时（24小时制，0-23）
2. 将
时间段字符串分割成开始
时间和结束
时间
3. 分别提取开始
时间和结束
时间的小时部分，并转换成数字
4.
判断当前小时
是否在
时间段内
注意：由于只
判断小时，分钟部分忽略，所以我们可以认为每个小时是
一个整点区间，比如8代表8:00-9:00这个小时区间。
因此，我们的
判断逻辑可以调整为：
同一天（startHour <= endHour）：
当前小时 >= startHour 且 当前小时 < endHour
跨天（startHour > endHour）：
当前小时 >= startHour 或 当前小时 < endHour
例如：
时间段"08:00-18:00"：同一天，当前小时在8到18之间（不包括18）即为真。
时间段"22:00-06:00"：跨天，当前小时>=22 或 当前小时<6 即为真。
代码实现：
在Vue的方法中，我们可以写
一个函数：
方法名：checkHourInRange(currentHour, timeRange)
参数：currentHour 是当前小时（数字，0-23），timeRange 是
时间段字符串，如"08:00-18:00"
返回：布尔值
具体步骤：
1. 分割timeRange，得到开始字符串和结束字符串（如['08:00','18:00']）
2. 分别从开始字符串和结束字符串中提取小时部分，并转换成整数
3.
判断开始小时和结束小时的大小关系，然后根据上述逻辑
判断
注意：如果
时间段是跨天的，那么结束小时实际上代表第二天的那个小时。
示例代码：
```javascript
methods: {
//
判断当前小时
是否在
时间段内（只根据小时
判断）
checkHourInRange(currentHour, timeRange) {
// 分割
时间段字符串
const [startStr, endStr] = timeRange.split('-');
// 提取开始小时和结束小时
const startHour = parseInt(startStr.split(':')[0]);
const endHour = parseInt(endStr.split(':')[0]);
// 同一天的情况
if (startHour <= endHour) {
return currentHour >= startHour && currentHour < endHour;
} else {
// 跨天
return currentHour >= startHour || currentHour < endHour;
}
}
}
```
使用示例：
在Vue组件的某个地方获取当前小时，然后调用此方法
例如：
mounted() {
const now = new Date();
const currentHour = now.getHours();
const inRange = this.checkHourInRange(currentHour, "22:00-06:00");
console.log(inRange); // 如果当前
时间是23点，则返回true；如果是7点，则返回false；如果是5点，则返回true
}
但是，注意：我们这里的
时间段字符串格式是固定的，如果传入的格式不一致，需要调整解析方式。
另外，用户可能希望
时间段是闭区间，即包含结束
时间点，那么需要调整。不过根据常见的业务，
时间段通常是左闭右开，因为结束
时间点往往属于下
一个时间段。如果用户需要包含结束
时间点，那么可以将
判断条件中的结束小时部分改为`currentHour < endHour+1`，但这样可能会超过24，所以需要取模。但是，由于我们只
判断小时，且跨天的情况已经分开处理，所以同一天内，结束小时加1可能导致大于24，我们可以这样处理：
同一天：
currentHour >= startHour && currentHour <= endHour // 闭区间
跨天：
currentHour >= startHour || currentHour <= endHour // 闭区间
但是，闭区间会导致边界重叠问题，比如两个相邻
时间段[8,9]和[9,10]，如果9点整，会同时属于两个
时间段吗？根据业务需求，可能需要避免重叠。所以具体使用开区间还是闭区间，需要根据业务来定。
根据用户要求，我们只
判断小时，所以通常以整小时作为区间界限，一般使用左闭右开。但是，如果用户有特殊要求，可以调整。
因此，我们提供
一个可配置的参数，来指定区间类型（左闭右开还是闭区间）。不过用户提问中没有明确，我们先按照左闭右开实现。
另外，如果用户想要包含分钟的
判断，那么就需要更复杂的逻辑，但用户明确要求只根据小时。
所以，最终代码实现如下：
</think>在Vue中仅根据小时
判断时间是否在
时间段内，可通过以下方法实现（忽略分钟和秒）：
```vue
<script>
export default {
methods: {
/**
*
判断当前小时
是否在
时间段内
* @param {string} timeRange
时间段字符串，格式 "起始小时-结束小时"（如 "08-18"）
* @returns {boolean}
是否在
时间段内
*/
isInHourRange(timeRange) {
// 获取当前小时（24小时制）
const currentHour = new Date().getHours();
// 解析
时间段（示例格式："08-18"）
const [start, end] = timeRange.split('-').map(Number);
// 处理跨天
时间段（如 "22-06" 表示22点到次日6点）
if (start > end) {
return currentHour >= start || currentHour < end;
}
// 处理当天
时间段
else {
return currentHour >= start && currentHour < end;
}
}
}
}
</script>
```
### 使用示例
```vue
<template>
<div>
<p v-if="isInHourRange('08-18')">当前在上午8点至下午6点之间</p>
<p v-else>当前不在工作
时间段</p>
</div>
</template>
```
### 核心逻辑说明
1. **获取当前
时间**
`new Date().getHours()` 获取当前小时（24小时制，0-23）
2. **
时间段解析**
输入格式为 `"起始小时-结束小时"`（例如 `"08-18"`）：
- 使用 `split('-')` 分割字符串
- `map(Number)` 将字符串转为数字
3. **跨天
判断**
- 当起始
时间 > 结束
时间（如 `22-06`）时：
```javascript
currentHour >= start || currentHour < end
```
表示：22点至24点 **或** 0点至6点
- 当起始
时间 ≤ 结束
时间（如 `08-18`）时：
```javascript
currentHour >= start && currentHour < end
```
表示：8点至18点（不含18点整）
### 注意事项
1. **
时间格式要求**
输入的
时间段字符串需严格遵循 `"HH-HH"` 格式，小时为 **两位数**（如 `08` 而非 `8`）
2. **边界值处理**
- 结束
时间 **不包含边界值**（`18` 表示到17:59有效）
- 如需包含边界值，修改
判断条件为 `currentHour <= end`
3. **时区处理**
此方法使用客户端本地
时间，如需UTC
时间可改用：
```javascript
const currentHour = new Date().getUTCHours();
```
> 此实现专注于小时级别的
判断，符合您忽略分钟/秒的需求，且避免引入额外依赖库[^1]。
博客主要围绕判断时间是否在时间段内展开，但具体内容缺失。推测可能涉及相关算法或代码实现，用于解决此类时间判断问题，在信息技术领域有一定应用场景。
扫一扫
2642
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
