JS如何修复校验选中时间未超过区间数组最大允许值时总返回false的问题

你代码的核心问题有两个：

1. 校验逻辑用错了数组方法：every要求所有区间都满足规则才返回true，而你需要的是选中时间只要符合任意一个区间的规则就通过，应该用some方法。比如你测试的14:30，在第一个区间的最大允许时间09:40校验时就会不通过，every直接返回false，这就是你代码总返回false的原因。
2. 缺少区间左边界判断：你只判断了选中时间不超过区间的最大允许时间，没有判断选中时间是否晚于区间的起始时间，会出现早于区间起始的无效时间被误判为通过的问题。

建议统一转成分钟数做数值比较，逻辑更清晰，也避免字符串比较的边界问题，修复后代码如下：

const dateRanges = [{fromMinutes: 360, toMinutes: 600}, {fromMinutes: 700, toMinutes: 900}];
// "06:00 - 10:00", "11:40" - "15:00"

// 新增工具方法：把HH:MM格式时间转成总分钟数
const hourFormatToMinutes = (timeStr) => {
  const [hour, minute] = timeStr.split(':').map(Number);
  return hour * 60 + minute;
};

const isWithinMinDate = (selectedDate) => {
  const selectedMinutes = hourFormatToMinutes(selectedDate);
  // 用some判断是否有任意一个区间满足条件
  return dateRanges.some(({ fromMinutes, toMinutes }) => {
     const maxAllowedMinutes = toMinutes - 20;
     // 同时校验不早于区间起始、不晚于区间最大允许时间
     return selectedMinutes >= fromMinutes && selectedMinutes <= maxAllowedMinutes;
  })
}

// 测试用例
console.log(isWithinMinDate("14:30")) // true
console.log(isWithinMinDate("14:40")) // false
console.log(isWithinMinDate("14:10")) // true
console.log(isWithinMinDate("9:50")) // false
console.log(isWithinMinDate("9:30")) // true

运行后完全符合你标注的预期结果。

内容的提问来源于stack exchange，提问作者lecham