How to disable dates with dateTimePicker AngularJS bootstrap

Question

I'm using the Angular Bootstrap DateTimePicker.

I'm trying to figure out how to disable specific dates, but nothing is working.

Does anybody have any suggestions?

Have you checked github.com/dalelotts/angular-bootstrap-datetimepicker/issues/… They suggest using beforeRender so you can set minDate and maxDate. — GabrielOshiro
– GabrielOshiro, Commented Apr 11, 2015 at 1:31

becki · Accepted Answer · 2015-04-14 00:44:03Z

2

I found the answer. I'm using the beforerender as they suggesting: I'm taking all objects of current representation (month). Looking for that specific date then changing that date selectable attribute as false.

answered Apr 14, 2015 at 0:44

becki

1311 silver badge6 bronze badges

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

Comments

Richard C · Accepted Answer · 2016-01-26 12:38:49Z

1

This works for me with the Dale Lotts DateTimePicker.

    $scope.beforeRender = function ($view, $dates, $leftDate, $upDate, $rightDate) {
        var nowUtc = new Date();
        if ($view === 'day') {
            nowUtc.setHours(0, 0, 0, 0);
        } else {
            if ($view === 'hour') {
                nowUtc.setMinutes(0, 0, 0);
            }
        }

        for (var i = 0; i < $dates.length; i++) {
            if ($dates[i].utcDateValue < nowUtc) {
                $dates[i].selectable = false;
            } else {
                $dates[i].selectable = true;
            }
        }
    }

answered Jan 26, 2016 at 12:38

Richard C

511 bronze badge

Collectives™ on Stack Overflow

How to disable dates with dateTimePicker AngularJS bootstrap

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related