繁体   English   中英

jQuery验证dd / mm / yyyy格式的日期

[英]jQuery validation for dates in dd/mm/yyyy format

我正在研究ASP.NET MVC 5项目。 我在这样的视图中有两个文本框...

@Html.TextBox("earliestDate", Model.Checklists.EarliestDate)
@Html.TextBox("latestDate", Model.Checklists.LatestDate)

我输入的日期为“ 01/03/2014”(2014年3月1日)和“ 31/03/2014”(2014年3月31日)。 当我在控制器中放置断点时,我可以看到在控制器中earlyestDate的值为“ 03/01/2014”(我输入的日期和月份已经交换了),而latestDate为空。 如果我以yyyy-MM-dd格式输入日期,则代码可以按要求工作。

我跟着建议文章。

我已经安装了“ globalize.js”,并将文章中的代码添加到了我的视图中。 什么都没改变,我仍然得到了上述结果。 因此,我尝试修改代码以明确指定所需的区域性,例如,旧代码被注释掉,我的新代码在下面...

@*<script src="~/Scripts/globalize/cultures/globalize.culture.@(System.Threading.Thread.CurrentThread.CurrentCulture.Name).js"></script>*@
<script src="~/Scripts/globalize/cultures/globalize.culture.en-IE.js"></script>

还有...

//Globalize.culture('@(System.Threading.Thread.CurrentThread.CurrentCulture.Name)');

Globalize.culture('en-IE');

这仍然没有任何区别。 所以我尝试将所需的格式显式添加到validator.methods.date函数中,如下所示...

$.validator.methods.date = function (value, element) {
    return this.optional(element) ||
        Globalize.parseDate(value) ||
        Globalize.parseDate(value, "dd-MM-yyyy") || // new code
        Globalize.parseDate(value, "yyyy-MM-dd");
}

仍然没有区别。 我想念什么?

作为参考,这是该视图中完整的脚本部分,包括上述修改...

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")

    <script src="~/Scripts/globalize/globalize.js"></script>
    @*<script src="~/Scripts/globalize/cultures/globalize.culture.@(System.Threading.Thread.CurrentThread.CurrentCulture.Name).js"></script>*@
    <script src="~/Scripts/globalize/cultures/globalize.culture.en-IE.js"></script>
    <script>
    $.validator.methods.number = function (value, element) {
        return this.optional(element) ||
            !isNaN(Globalize.parseFloat(value));
    }
    $(document).ready(function () {
        //Globalize.culture('@(System.Threading.Thread.CurrentThread.CurrentCulture.Name)');
        Globalize.culture('en-IE');
    });
    </script>
    <script>
        jQuery.extend(jQuery.validator.methods, {
            range: function (value, element, param) {
                //Use the Globalization plugin to parse the value
                var val = Globalize.parseFloat(value);
                return this.optional(element) || (
                    val >= param[0] && val <= param[1]);
            }
        });
        $.validator.methods.date = function (value, element) {
            return this.optional(element) ||
                Globalize.parseDate(value) ||
                Globalize.parseDate(value, "dd/MM/yyyy") || // new code
                Globalize.parseDate(value, "yyyy-MM-dd");
        }
    </script>
}

您的jQueryval捆绑包中有什么?

我会有同样的问题,我通过添加脚本~/Scripts/globalize/globalize.js

该脚本解决了日期问题,但通过数字验证添加了新问题。 如果没有此脚本,则日期验证错误,数字验证正常。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM