HTML日期选择器：禁用过去日期、未来2天及周一周日求助

要同时禁用过去日期、未来2天以及周一和周日，需要结合原生日期输入框的范围限制和JavaScript事件拦截，下面是修正后的完整方案：

核心思路 #

1. 用min属性限制可选日期范围，确保用户无法选择过去和未来2天内的日期；
2. 由于原生date picker不支持直接禁用特定星期，通过监听change事件拦截选中的周一/周日，提示用户并重置选择。

完整代码示例 #

<label>Pickup Date : </label>                                                        
<input class="datepicker" type="date" name="delivery_date" id="txtDate" pattern="" required /> 

<script>                                                     
$(function(){
    var dtToday = new Date();
    
    // 计算最小可选日期：今天之后第3天（禁用过去、今天、未来1天、未来2天）
    var minDate = new Date(dtToday);
    minDate.setDate(minDate.getDate() + 3);
    
    // 自动格式化为YYYY-MM-DD的标准格式，无需手动补零
    var formattedMinDate = minDate.toISOString().split('T')[0];
    
    $('#txtDate').attr('min', formattedMinDate);
    
    // 监听日期选择，拦截周一和周日
    $('#txtDate').on('change', function() {
        const selectedDate = new Date($(this).val());
        const dayOfWeek = selectedDate.getDay();
        
        // getDay()返回0代表周日，1代表周一，这两天直接禁用
        if (dayOfWeek === 0 || dayOfWeek === 1) {
            $(this).val('');
            alert('无法选择周一和周日，请重新挑选日期');
        }
    });
});
</script>

关键细节说明 #

• 日期范围计算优化：用Date对象的setDate方法计算最小日期，避免了直接累加天数导致的跨月/跨年bug（比如月底加天会自动切换到下月），toISOString().split('T')[0]可以直接生成符合要求的日期字符串，省去手动补零的麻烦。
• 星期拦截逻辑：通过getDay()获取选中日期的星期值，0对应周日、1对应周一，一旦检测到这两个值就清空输入并给出提示，确保用户无法提交非法日期。

内容的提问来源于stack exchange，提问作者Brian M.D.L