剣道日付ピッカー変更イベントは発生しません

Question

私はdatepicker変更イベントでは、次のASP.NET MVCのフォームがあります。上記のコードで

<div id="container"> 
    @using (Html.BeginForm("Reload", "DateOfFile", FormMethod.Post, new { returnUrl = this.Request.RawUrl, id = "formDate" })) 
    { 
     @(Html.Kendo().DatePicker() 
      .Name("DateOfFile") 
      .Value(Session["DateOfFile"] == null ? DateTime.Now : Convert.ToDateTime(Session["DateOfFile"].ToString())) 
      .Events(e => e 
      .Change("dt_picker_change") 
     ) 
     ) 
      @Html.Hidden("returnUrl", this.Request.RawUrl) 

      <script> 
       function dt_picker_change() { 
        $("#container").kendoValidator({ 
         rules: { 
          dateValidator: function (input) { 
          var value = $(input).val(); 
          var date = kendo.parseDate(value); 
          //alert(date) 
          if (!date) { 
           return false; 
          } 
          $("#formDate").submit(); 
         } 
        }); 
       } 
      </script> 
    } 
</div> 

、のみ送信されたフォームを私はDatePickerコントロールの外のどこかをクリックしますが、カレンダーで日付が変更されるとすぐに送信する必要があります。

私には何が欠けていますか？

Answer 1

バリデーターにvalidateOnBlur：falseを設定して、入力時の入力を検証しようとしましたか？

<div id="container"> 
     @using (Html.BeginForm("Reload", "DateOfFile", FormMethod.Post, new { returnUrl = this.Request.RawUrl, id = "formDate" })) 
     { 
      @(Html.Kendo().DatePicker() 
       .Name("DateOfFile") 
       .Value(Session["DateOfFile"] == null ? DateTime.Now : Convert.ToDateTime(Session["DateOfFile"].ToString())) 
       .Events(e => e 
       .Change("dt_picker_change") 
      ) 
      ) 
       @Html.Hidden("returnUrl", this.Request.RawUrl) 

       <script> 
        function dt_picker_change() { 
         $("#container").kendoValidator().data("kendoValidator").validate(); 
        } 

        $("#container").kendoValidator({ 
          validateOnBlur: false, 
          rules: { 
           dateValidator: function (input) { 
           var value = $(input).val(); 
           var date = kendo.parseDate(value); 


           //alert(date) 
           if (!date) { 
            return false; 
           } 
           $("#formDate").submit(); 
          } 
         }); 

       </script> 
     } 
    </div>