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
– JoseM, Commented Jun 3, 2014 at 19:33

Tarang · Accepted Answer · 2017-01-05 07:27:42Z

2

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

answered Jan 5, 2017 at 7:27

Tarang

663 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

sumail · Accepted Answer · 2016-03-11 13:07:44Z

0

you should update ui-bootstrap version to 0.14.0 or laster. it could be fix this bug. https://github.com/angular-ui/bootstrap/pull/4199

answered Mar 11, 2016 at 13:07

sumail

1

Collectives™ on Stack Overflow

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

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related