如何在Angular Bootstrap日期选择器中禁用当前时分后的未来时间？

当然可以实现精确到当前小时和分钟的限制！你之前的代码思路是对的，但需要调整时间比较的逻辑，确保精确匹配当前的时分秒，同时处理好时区问题。

修改后的beforeRender函数 #

首先更新你的beforeRender函数，使用本地时间进行比较（避免UTC时区差异导致的误差），精确到当前的时分秒：

$scope.beforeRender = function($dates) {
    // 获取当前精确到秒的时间
    const currentTime = new Date();
    
    for (let i = 0; i < $dates.length; i++) {
        // 比较当前时间与日期项的本地时间
        if (currentTime.getTime() < $dates[i].localDate.getTime()) {
            $dates[i].selectable = false;
        }
    }
};

完善日期选择器配置 #

确保你的datetimepicker组件正确绑定beforeRender函数，修改HTML中的配置项：

<div class="input-group">
    <div class="dropdown">
        <a class="dropdown-toggle" id="dropdown2" role="button" data-toggle="dropdown">
            <div class="input-group">
                <div class="form-control" id="selected_date">
                    {{ formData.dateInput | date:'yyyy-MM-dd HH:mm:ss' }}
                </div>
                <span class="input-group-addon">
                    <i class="glyphicon glyphicon-calendar"></i>
                </span>
            </div>
        </a>
        <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
            <datetimepicker 
                data-ng-model="formData.dateInput" 
                data-datetimepicker-config="{ 
                    dropdownSelector: '#dropdown2',
                    beforeRender: beforeRender 
                }" />
        </ul>
    </div>
</div>

逻辑说明 #

• 我们使用localDate而非utcDateValue来比较，确保和用户本地时间完全匹配，避免时区偏移导致的错误禁用/启用。
• currentTime.getTime()会获取当前时间的毫秒级时间戳，和每个日期项的时间戳精确对比，这样就能精准禁用当前时间点之后的所有时间（包括今天当前时分之后的分钟，以及所有未来日期的时间）。

如果需要调整规则（比如允许选择当天但禁用当前时分之后的时间，同时允许未来日期），可以进一步修改判断逻辑，但根据你的需求，上面的代码完全可以实现精确到当前时分的限制。

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