javascript - 如何验证 kendo DateTimePicker 是否使用 mvc 4 razor？

Question

我想在客户端验证kendo DateTimePickerFor。我的 View 控件为

@(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")                        

                )   

我已将其屏蔽在就绪函数中。但它允许我键入任何输入。

$(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

您可以定义

    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
});