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

Question

I have 2 dates : StartDate and EndDate using angular-ui-bootstrap datepicker

When I choose a startDate (greater than today date) I set the min-date of EndDate datepicker at the startDate. So all dates <= startDate are disabled.

But the Today button in popup of EnDate can set today date which is not conform business rule.

Is there a way to disable the the Today button without disabling all the button-bar?

You can create your own popup.html template, and add an ngDisabled for the today button. You can add the logic for the ngDisabled by extending the datepicker directive — JoseM

Tarang Tarang · Accepted Answer · 2017-01-05T07:27:42

Sample HTMl for that:

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;
    }

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

2 Answers