Как проверить кендо DateTimePicker Для использования бритвы mvc 4?

Question

я хочу проверить кендо DateTimePickerFor на контроле side.My клиента на виде, как

@(Html.Kendo().DateTimePickerFor(m => m.StartDate) 
         .HtmlAttributes(new { style = "width:200px", @class = datePicker",required = "true" }) 
         .Name("StartDate") 
         .Depth(CalendarView.Year) 
         .Value(DateTime.Now.ToString()) 
         .Min(DateTime.Now.ToString()) 
         .Max(DateTime.Now.AddMonths(4)) 
         .Format("MM/dd/yyyy hh:mm tt")       

       ) 

я маскировал его в готовом function.but это позволяет мне набирать любой вход.

$(document).ready(function() { 
    $('.datePicker').mask('99/99/9999'); 

    $('#_appointmentCreateForm input[type="text"], textarea').tooltipster({ 
     trigger: 'custom', 
     onlyOne: false, 
     position: 'right', 
     appendTo: "#_appointmentCreateForm" 
    }); 

    $('#_appointmentCreateForm').validate({ 
     ignore: [], 
     rules: { 

      StartDate: { 
       required: true 
      } 
     }, 
     messages: { 

      StartDate: { 
       required: "Please choose Date and Time." 
      } 
     }, 
     errorPlacement: ValidatorErrorPlacement, 
     success: ValidatorSuccess 
    } 
    ); 

}); 

И когда нет никакого значения в DateTimePicker т.е. DateTimePicker пусто, то проверка получает неудачу, но не показывая никаких сообщений. Итак, любые идеи, как я могу проверить Kendo DateTimePicker, чтобы принять допустимый формат ввода? Заранее спасибо.

Answer 1

Моя проблема была решена! Когда я изменил мою готовую функцию

$(document).ready(function() { 
    $('.datePicker').mask('99/99/9999'); 

    $('#_appointmentCreateForm input[type="text"], textarea').tooltipster({ 
     trigger: 'custom', 
     onlyOne: false, 
     position: 'right', 
     appendTo: "#_appointmentCreateForm" 
    }); 

    $('#_appointmentCreateForm').validate({ 
     ignore: [], 
     rules: { 
      Speciality: { 
       selectspeciality: true 
      } 
     }, 
     messages: { 
      Speciality: { 
       selectspeciality: "Please select Speciality." 
      } 

     }, 
     errorPlacement: ValidatorErrorPlacement, 
     success: ValidatorSuccess 
    } 
    ); 



    $.validator.addMethod("selectspeciality", function (value, element) { 
     var isValid = $(element).data("kendoDropDownList").selectedIndex == 0 ? false : true; 
     return this.optional(element) || isValid; 
    }, "Please select Speciality."); 
});  

Ho [е это поможет кому-то вроде меня.

Answer 2

Вы можете определить

Html.Kendo().DateTimePickerFor(model => model.date_debut) 
    .ParseFormats(new string[] { "dd/MM/yyyy HH:mm" }) 

на контроле. Но это будет проверка на стороне сервера, так как Html.Kendo() будет генерировать элемент управления из модели. Чтобы проверить его на стороне клиента, наилучшим способом является проверка при отправке сообщения.

$.submit(function(e) { 
//test if form is ok 
});