3

ここでの問題は、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({});

上記は私のコードです。

4

1 に答える 1

6

フィルタ関数では、mindateとの値がmaxdateとして返されnullます。これは.data()、日付ピッカーからの更新された値が保存されていないためです。

フィドルに示されているように、日付ピッカーの値を使用するようにコードを更新しました。

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;
    }
});
于 2013-04-23T09:56:26.130 に答える