Kendo Datepicker Disable Date(s)

Disable date pada kendo datepicker agar tidak dapat dipilih saat input tanggal. Misalnya untuk men-disable tanggal 1 Januari 2019 dan 1 Februari 2019,

var hasDates = [new Date(2019, 0, 1), new Date(2019, 1, 1)]; // Tanggal yang akan didisable

    function initElement() {
        var dateInput = $("#Date").data("kendoDatePicker");
        $("#@Field.Date").kendoDatePicker({
            dates: hasDates,
            disableDates: function (date) {
                var dates = dateInput.options.dates;
                if (date && compareDates(date, dates)) {
                    return true; // Mengecek input dari kendo datepicker
                } else {
                    return false;
                }
            }
        });
    }

    function compareDates(date, dates) {
        for (var i = 0; i < dates.length; i++) {
            if (dates[i].getDate() == date.getDate() &&
		dates[i].getMonth() == date.getMonth() &&
                dates[i].getYear() == date.getYear()) {
                return true;
            }
        }
    }

Levanji Prahyudy has written 8 articles

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>