Kendo DatePicker Start End Validation

Case: 2 datepicker start dan end

Validasi: max start adalah end, min end adalah start

[code language=”javascript”]

var startPicker, endPicker;

startPicker = $(‘#StartDate’).data(‘kendoDatePicker’);
endPicker = $(‘#EndDate’).data(‘kendoDatePicker’);
startPicker.setOptions({
max: endPicker.value(),
});
startPicker.bind(‘change’, function () {
var startVal = startPicker.value();

endPicker.setOptions({
min: startVal,
});
});
endPicker.setOptions({
min: startPicker.value()
});
endPicker.bind(‘change’, function () {
var endVal = endPicker.value();

startPicker.setOptions({
max: endVal
});
});

[/code]

Chandra Oemaryadi has written 244 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>