Can i disable previous dates on Html.Kendo().DatePicker()

[Jeena]

I am using Html.Kendo().DatePicker()
I have a requirement to disable the previous dates (i.e dates > today)

Is it posisble, if so how? Also what if the model contains a value > today

Is it possible to achieve both with Kendo datePicker

[Dimiter Madjarov]

Hi Jeena,

You could use the Min method to specify the minimal date which can be selected in the picker. In the current scenario you should specify:

.Min(DateTime.Today)

Regarding your second question, what do you mean by "if the model contains a value > today"?
  Regards,
Dimiter Madjarov
the Telerik team

[Mani]

Hii Dimiter Madjarov

But if we are adding .Min(DateTime.Today) The previous dates are not showing we want to show the previous dates also

but those want to be disable. it means the user cannot able to select the previous date for that how we can add a code

 

Thanks and Regards

[Aleksandar]

The DatePicker exposes a DisableDates configuration method that has several overloads. An approach to disable weekends or specific dates are demonstrated in the Disabled Dates Demo. Make sure to click on the View source tab to review the entire implementation. If  you want to disable all date prior to today, for example, you can do so by passing name of the JavaScript handler function to the DisableDates configuration method. The function will be dynamically resolved for each date of the calendar. Note that when the function returns true, the date will be disabled.

<div class="k-d-flex k-justify-content-center" style="padding-top: 54px;">
    <div class="k-w-300">
        @(Html.Kendo().DatePicker()
                .Name("picker")
                .DisableDates("disableDates")
            )
    </div>
</div>

<script>
    function disableDates(date) {
        var today = new Date()

        if (date < today) {
            return true;
        } else {
            return false;
        }
    }
</script>