两个日期选择器的剑道验证大于

时间:2015-11-10 09:37:38

标签: asp.net-mvc kendo-ui kendo-datepicker kendo-validator

我有一个MVC4的Kendo UI日期选择器扩展。 我会回复这个剑道demo,其中有2个日期选择器,如果我放入" startDate"一个比" EndDate"更好的日期,kendo验证器必须显示错误。

剑道的验证不会显示结束日期中输入值的信息,而不是开始日期中输入的值,

这是2字段datepicker的剃刀代码:

<div class="row">
    <div class="col-md-4">
        @(Html.Kendo().DatePickerFor(m => m.StartDate)
            .Format("dd/MM/yyyy")
            )
     </div>
     <div name="DataPeriodo" class="col-md-8">
        @(Html.Kendo().DatePickerFor(m => m.EndDate)
            .Format("dd/MM/yyyy")
            .HtmlAttributes(new { data_greaterdate_field = "StartDate", data_greaterdate_msg = "Retire date should be after Hire date" })
         )
     </div>
</div>

这是对'&#34;伟大的'&#34;验证:

$(document).ready(function () {
    var container = $('form');
    kendo.init(container);
    container.kendoValidator({
        rules: {
            greaterdate: function (input) {
                if (input.is("[data-greaterdate-msg]") && input.data("kendoDatePicker").value() != "") {
                    var date = kendo.parseDate(input.data("kendoDatePicker").value()),
                        otherDate = kendo.parseDate($("#StartDate").data("kendoDatePicker").value());

                    //The test for understand if the code work.
                    alert(otherDate == null || otherDate.getTime() < date.getTime());

                    return otherDate == null || otherDate.getTime() < date.getTime();
                }

                return true;
            }
        }
    });
});

我尝试创建fiddle,但点击按钮不会在我的asp.net mvc解决方案工作中触发验证并显示测试警报。

问题是测试正确地显示了测试的警告(真或假),但与剑道的演示不同,不会显示属性中定义的错误&#34;数据-greaterdate-MSG&#34;

更新

我找不到任何解决方案。我选择了FoolProof库,我只验证服务器端。

0 个答案:

没有答案