使用jQuery datepicker自定义日期格式验证(无法摆脱美国日期验证)

时间:2011-06-28 11:34:32

标签: asp.net-mvc-3 razor jquery-validate jquery-ui-datepicker

我快到了。 我已经创建了本地化的jQuery datepicker,添加了自定义格式验证,但无法摆脱(默认?)美国日期格式验证。

我正在渲染我的日期字段:

...
@Html.EditorFor(m => m.JobDate)
@Html.ValidationMessageFor(m => m.JobDate)
...

,HTML看起来像这样:

<input class="date hasDatepicker" data-val="true" data-val-required="The JobDate field is required." id="JobDate" name="JobDate" value="28.6.2011" type="text"> 
<span class="field-validation-valid" data-valmsg-for="JobDate" data-valmsg-replace="true"></span>

最后,我连接(在我的javascript文件中)一个jQuery datepicker控件来处理我的日期字段:

$(document).ready(function () {
   jQuery.validator.addMethod(
         "hrDateValidator",
         function(value, element) {
               try { jQuery.datepicker.parseDate( 'd.m.yy', value); return true; }
               catch(e){return false;}
            },
            "Datum nije u formatu d.m.gggg"
         );

   $('.date').datepicker({ dateFormat: "d.m.yy" });
   $.datepicker.setDefaults($.datepicker.regional["hr"]);
   $('.date').rules("remove");
   $('.date').rules("add", { hrDateValidator: true });      

});

但是,现在我在日期字段,美国日期和此自定义日期上有两个有效的验证规则。

我无法摆脱这个美国约会规则,为什么这条$('.date').rules("remove");行不会删除美国约会规则?

谢谢,

伊戈尔

2 个答案:

答案 0 :(得分:13)

您可以尝试“覆盖”日期验证方法,而不是添加新方法:

jQuery.validator.methods["date"] = function (value, element) { ... } 

答案 1 :(得分:3)

         date: function (value, element) {

            try { jQuery.datepicker.parseDate('d.m.yy', value); return true; }
            catch (e) { return false; }

        },