how to disable dates in kendo date time picker (Angular)

Question

<input id="startDate" kendo-date-time-picker
           k-ng-model="vm.startDate"
           k-on-change="vm.updateStartDate()"
           required
/>

How to add disabled dates to this date picker? Not using jquery !! Is there a attribute as k-disabled-dates?

when i followed regular methods like min and max i had seen some wired behavior like dates are disappearing from picker,check this by moving to November and January dojo.telerik.com/alEqu — Sa E Chowdary
– Sa E Chowdary, Commented Dec 23, 2016 at 6:53

The Dread Pirate Stephen · Accepted Answer · 2016-12-23 13:39:06Z

1

Specify the k-options attribute:

<input id="startDate" kendo-date-time-picker
       k-ng-model="vm.startDate"
       k-on-change="vm.updateStartDate()"
       required,
       k-options="startDateOptions"
/>

And then implement the options with the disabledDates(http://docs.telerik.com/kendo-ui/api/javascript/ui/datetimepicker#configuration-disableDates) config specified however is appropriate for your situation, i.e.

$scope.startDateOptions = {
    disableDates: function (date) {
        var disabled = [13,14,20,21];
        if (date && disabled.indexOf(date.getDate()) > -1 ) {
            return true;
        } else {
            return false;
        }
    }
};

Example: http://dojo.telerik.com/@Stephen/eLuWE

answered Dec 23, 2016 at 13:39

The Dread Pirate Stephen

3,1791 gold badge15 silver badges15 bronze badges

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

Collectives™ on Stack Overflow

how to disable dates in kendo date time picker (Angular)

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