CODEWITHSUNDEEP
javascriptjqueryvalidationkendo-uidatepicker
Nag
Nag

Reputation: 1

start date end date validation -Jquery/javascript - kendoUI

could any one have idea about doing the same functionality into KendoUI

[fiddle][1]
[1]: http://jsfiddle.net/PPSh3/7/

i really dont understand how to convert this jquery functionality into kendo. this is an humble request. would be better some one to come down and help

Many thanks for any help

Upvotes: 0

Views: 1109

Answers (1)

DontVoteMeDown
DontVoteMeDown

Reputation: 21465

It is pretty much the same logic as in the fiddle you have linked. When you set start date, you set it's date as limit to the end date, and vice-versa:

changeDate = function() {
    if ($(this.element).is("#start")) {
        $("#end").data("kendoDatePicker").setOptions({ min: this.value() });
    }
    else {
        $("#start").data("kendoDatePicker").setOptions({ max: this.value() });
    }
}

...
$("#startdate").kendoDatePicker({ change: changeDate });

Demo

Upvotes: 1

Related Questions