Сообщение о проверке не работает должным образом для datetimepicker?

Question

Здесь проблема заключается в проверке datetimepicker и сбросе значений после загрузки страницы.

В проверке pageload работает правильно, но значения datetimepickers не сбрасываются.

После того, как pageload с двумя значениями проблем не сбрасывается и проверка не работает.

Вот скрипка: http://jsfiddle.net/XHW3w/6/

enter code here:$("#filter-msg").kendoWindow({ 
    modal: true, 
    visible: false 
    }); 
$("#reset").click(function() { 
$("#datetimepicker1").val(''); 
$("#datetimepicker2").val(''); 
}); 

$("#datetimepicker1").kendoDatePicker({}); 
$("#datetimepicker2").kendoDatePicker({}); 

Выше мой код.

Answer 1

В функции фильтра значение mindate и maxdate возвращается как null. Это связано с тем, что .data() не сохранил обновленное значение от datepicker.

Я обновил ваш код, чтобы использовать значение datepickers, как показано на скрипке.

http://jsfiddle.net/XHW3w/9/

$("#filter").on("click", function() { 
    var mindate = $('#datetimepicker1').val(); // uses the val method 
    var maxdate = $('#datetimepicker2').val(); // uses the val method 

    var product = $("#products").data("kendoDropDownList").value(); 
    var order = $("#orders").data("kendoDropDownList").value(); 

    if (!mindate || !maxdate || !product || !order) { 
     var content = ""; 
     if (!mindate) 
     content += "<div class=\"k-error-colored\">mindate is not defined!</div>"; 
     if (!maxdate) 
     content += "<div class=\"k-error-colored\">maxdate is not defined!</div>"; 
     if (!product) 
     content += "<div class=\"k-error-colored\">product is not defined!</div>"; 
     if (!order) 
     content += "<div class=\"k-error-colored\">order is not defined!</div>"; 

    $("#filter-msg").data("kendoWindow") 
     .content(content) 
     .center() 
     .open(); 
    return false; 
    } 
});