正文 

当前位置： 首页 > 问答 >

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

     2023-05-07     180

关键词：

【中文标题】使用 jQuery datepicker 自定义日期格式验证（无法摆脱美国日期验证）【英文标题】：Custom date format validation with jQuery datepicker (can't get rid of US date validation) 【发布时间】：2011-06-28 11:34:32 【问题描述】：

我快到了。 我创建了本地化的 jQuery 日期选择器，添加了自定义格式验证，但无法摆脱（默认？）美国日期格式验证。

我正在像这样呈现我的日期字段：

...
@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"); 行不删除美国日期规则？

谢谢，

伊戈尔

【问题讨论】：

【参考方案1】：

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

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

【讨论】：

我只花了一个多小时才弄清楚为什么它没有正确解析日期，尽管我设置了自定义日期格式。谢谢。【参考方案2】： 
         date: function (value, element) 

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

        ,

【讨论】：

Jquery datepicker - 年然后月然后日

】Jquerydatepicker-年然后月然后日【英文标题】：Jquerydatepicker-yearthenmonththenday【发布时间】：2017-04-2116:09:34【问题描述】：我正在尝试使用http://foundation-datepicker.peterbeno.com/example.html的日期选择器让用户选择一个日期。日期选择器... 查看详情

如何使用 JavaScript 或 jQuery 在 html 中使用 datepicker 按年月和日填充年龄

】如何使用JavaScript或jQuery在html中使用datepicker按年月和日填充年龄【英文标题】：HowcanIpopulateagebyyearsmonthsanddaysusingdatepickerinhtmlusingJavaScriptorjQuery【发布时间】：2018-01-0300:51:27【问题描述】：我想知道如何获得它？例如我的生日... 查看详情

jQuery + jEditable - 防止提交自定义输入

...】：2011-12-1903:26:06【问题描述】：我正在将jEditable插件与datepicker一起使用，但我需要在将日期提交到数据库之前对其进行验证。所以我将jEditable-datepicker.js编辑成这样：submit:function(setting 查看详情

如何将自定义类添加到我的 JQuery UI Datepicker

】如何将自定义类添加到我的JQueryUIDatepicker【英文标题】：HowtoaddacustomclasstomyJQueryUIDatepicker【发布时间】：2011-10-1312:59:40【问题描述】：我有几个触发JQueryUI日期选择器的输入，例如<inputid="one"type="text"/><inputid="two"type="text"... 查看详情

Swift：使用 UIPicker 自定义 DatePicker

】Swift：使用UIPicker自定义DatePicker【英文标题】：Swift:CustomDatePickerwithUIPicker【发布时间】：2021-01-0511:21:29【问题描述】：你好。创建自定义UIDatePicker的最佳方法是什么？我需要制作一些类似于图片的东西，尽管列是：天、月、年... 查看详情

更新面板内的jquery datepicker在回发后消失

】更新面板内的jquerydatepicker在回发后消失【英文标题】：jquerydatepickerinsideupdatepaneldisappearsafterpostback【发布时间】：2017-03-3114:18:06【问题描述】：我有一个自定义控件，其中包含一个jquerydatepicker并在$(document).ready()函数中对其进... 查看详情

jquery datepicker上的自定义动态验证直到第二个焦点才起作用

】jquerydatepicker上的自定义动态验证直到第二个焦点才起作用【英文标题】：Customdynamicvalidationonjquerydatepickernotworkinguntilsecondfocus【发布时间】：2012-07-3014:39:51【问题描述】：我有一个带有验证的日期选择器，它会弹出一条消息和... 查看详情

jquery datepicker超出css范围

】jquerydatepicker超出css范围【英文标题】：jquerydatepickeroutofcssscope【发布时间】：2011-05-0502:21:06【问题描述】：我在一页中使用了多个ui主题。我创建了一个具有css范围的自定义主题，比如说#scope。我在范围内使用了一个日期选择... 查看详情

DatePicker 更改自定义标题中的视图

】DatePicker更改自定义标题中的视图【英文标题】：DatePickerchangetheviewinthecustomheader【发布时间】：2019-05-2507:11:21【问题描述】：我正在使用带有自定义标题的AngularMaterial的datePicker，并希望在我的datepicker标题中添加一个按钮，以... 查看详情

自定义日期格式“fengyuanchen/datepicker”

】自定义日期格式“fengyuanchen/datepicker”【英文标题】：Customdateformat“fengyuanchen/datepicker”【发布时间】：2021-08-0618:32:03【问题描述】：我正在使用“fengyuanchen/datepicker”日期选择器插件，我需要2021年5月17日的日期格式，但是当... 查看详情

使用特定日期填充 jQuery Datepicker

】使用特定日期填充jQueryDatepicker【英文标题】：PopulatingjQueryDatepickerwithspecificdates【发布时间】：2019-11-2009:48:54【问题描述】：我正在尝试为用户创建一个asp.netmvc视图，以使用jQueryUIDatepicker仅从特定数量的可用日期中进行选择，... 查看详情

在 WooCommerce 中的 jQuery datepicker 问题中禁用工作日和节假日

】在WooCommerce中的jQuerydatepicker问题中禁用工作日和节假日【英文标题】：DisableweekdaysandholidaysinjQuerydatepickerissueinWooCommerce【发布时间】：2018-07-0615:16:07【问题描述】：我有一个使用jQuery-uidatepicker的自定义woocommerce过滤器功能。我... 查看详情

WPF DatePicker：自定义显示文本

】WPFDatePicker：自定义显示文本【英文标题】：WPFDatePicker:CustomDisplayText【发布时间】：2015-10-0509:45:09【问题描述】：我的DatePickerDisplayDate应该有一个自定义格式，但我的问题是，不能使用标准自定义格式标签（如y、yyyy、d和等等... 查看详情

Jquery datepicker 年份变化

】Jquerydatepicker年份变化【英文标题】：Jquerydatepickeryearschange【发布时间】：2011-11-1509:05:15【问题描述】：我正在使用jquery的datepicker作为字段来设置出生日期，同时显示默认选择器，它提供了每月滚动到日期的选项，听起来很乏... 查看详情

在日期选择上关闭 Jquery datepicker

】在日期选择上关闭Jquerydatepicker【英文标题】：CloseJquerydatepikerondateselect【发布时间】：2013-05-2906:15:36【问题描述】：我一直在使用jquerydatepicker，它工作正常，直到我在日期文本框上使用自定义验证器和必填字段验证器。我注... 查看详情

我可以自定义 Android 默认提供的 TimePicker 或 DatePicker 吗？

】我可以自定义Android默认提供的TimePicker或DatePicker吗？【英文标题】：CanIcustomizetheTimePickerorDatePickerprovidedbydefaultonAndroid?【发布时间】：2020-11-0314:58:51【问题描述】：我想知道是否可以自定义Android中默认可用的DatePicker和TimePicker... 查看详情

jQuery UI - Datepicker - 隐藏年份

】jQueryUI-Datepicker-隐藏年份【英文标题】：jQueryUI-Datepicker-Hideyear【发布时间】：2010-04-2311:14:30【问题描述】：我正在使用jQueryUI1.8，我想在弹出窗口和文本框中对用户隐藏年份。本质上，我希望用户只选择日和月，而不是选择日... 查看详情

React bootstrap datepicker - 自定义

】Reactbootstrapdatepicker-自定义【英文标题】：Reactbotstrapdatepicker-customization【发布时间】：2019-12-1302:33:06【问题描述】：我正在尝试通过以下方式自定义react-bootstrap-daterangepicker：我想在选择范围内的日期时使用不同的背景颜色，并... 查看详情