Angular-ui bootstrap日期选择器(如何禁用仅在今天弹出的按钮)

angular-ui bootstrap datepicker (how to disable only today button on popup)

本文关键字:今天 按钮 日期 bootstrap 选择器 何禁用 Angular-ui      更新时间:2023-09-26

我有2个日期:StartDate和EndDate使用angular-ui-bootstrap日期拾取器

当我选择一个开始日期(大于今天的日期)时,我将EndDate日期选择器的最小日期设置在开始日期。因此,所有日期<= startDate都被禁用。

但是EnDate的弹出式Today按钮可以设置今天的日期,这是不符合业务规则的

是否有一种方法可以在不禁用所有按钮栏的情况下禁用Today按钮?

示例HTMl:

ng-model, ng-change and min-date

<input type="text" uib-datepicker-popup="dd/MM/yyyy" ng-model="personForm.StartDate" name="startDate" ng-change="myStartDateChange()" />
<input type="text" uib-datepicker-popup="dd/MM/yyyy" min-date="endmindate" ng-model="personForm.EndDate" name="endDate" />

add function in your controller:

 $scope.myStartDateChange = function () {            
        $scope.endmindate= $scope.personForm.StartDate;
    }

您应该将ui-bootstrap版本更新到0.14.0或更高版本。它可以修复这个bug。https://github.com/angular-ui/bootstrap/pull/4199