验证消息对于datetimepicker无法正常工作？

Question

这里的问题是验证datetimepicker并重置页面加载后的值。

在页面加载验证工作正常但datetimepickers值不重置。

页面载入后，两个问题的值都没有重置，验证不起作用。

这里是小提琴：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()尚未存储来自日期选择器的更新值。

我已更新您的代码以使用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; 
    } 
});