How to disable an array of dates from html 5 datepicker using angularjs directive

Question

Need some help here. I have a datepicker in html5 native code. Code looks like this

    <input name="cidt" type="date" id="cidate" ng-model="reserve.ci" min="{{today}}" required ng-change="getMinCo()" disableDates>

And the directive

    myapp.directive('disableDates', function(){
        return function(scope, element, attrs){
            var disableddates = ["2016-07-14","2016-07-15"];
            //need to code here
        }
    });

note: angularjs uses jqlite to modify attributes of an element. But there is no reference I could find to change the specific dates of this input type, other than min and max.

I just need to figure out how to disable those dates from being selected. Couldn't find any resource on google either. Any help appreciated.

Sunil Choudhary · Accepted Answer · 2016-07-30 06:41:54Z

0

There is no property or method provided as far as i have seen in w3c input type = date for disabling certain dates but you can only enable valid dates and that also according to the range.

Below is the link: https://www.w3.org/TR/html5/forms.html#date-state-(type=date)

answered Jul 30, 2016 at 6:41

Sunil Choudhary

3441 silver badge6 bronze badges

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

Collectives™ on Stack Overflow

How to disable an array of dates from html 5 datepicker using angularjs directive

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related