如何禁用指定日期范围？现有方法仅禁用单个日期需修正

我来帮你搞定这个日期范围禁用的bug！先说说你原代码里的问题出在哪：

你的filter2函数里，for循环第一行就直接return c!=i;了——这意味着循环只跑了一次（也就是只检查了l1的日期），根本没机会遍历到l2和中间的日期，所以自然只能禁用l1那一天。而且还有个隐藏坑：你只比较了getDate()（几号），如果日期范围跨月跨年的话，这种判断会完全失效（比如l1是2019-07-30，l2是2019-08-02，只比日期的话30、1、2都会被当成不在范围内，但实际应该禁用这三天）。

修正后的代码 #

直接通过时间戳比较完整的日期范围，逻辑简单还可靠：

var l1 = new Date("2019-07-13"); 
var l2 = new Date("2019-07-30"); 
// 没用的flag变量可以直接去掉
this.filter2 = function(date) { 
    // 把日期转成时间戳，避免时区或日期对象直接比较的坑
    const targetTimestamp = date.getTime();
    const startTimestamp = l1.getTime();
    const endTimestamp = l2.getTime();
    
    // 如果目标日期在l1到l2之间（包含两端），返回false表示禁用该日期
    return !(targetTimestamp >= startTimestamp && targetTimestamp <= endTimestamp);
}

代码解释 #

• getTime()会把日期转成从1970年开始的毫秒数，直接比较数字就能准确判断日期先后，避开时区或日期对象直接比较的问题。
• 逻辑清晰：如果传入的date在l1和l2的范围内（包括两天本身），就返回false（禁用），否则返回true（允许选择）。
• 去掉了无效的for循环和没用的flag变量，代码更简洁高效。

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