c# – jQuery UI datepicker无法正常使用asp.net mvc

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了c# – jQuery UI datepicker无法正常使用asp.net mvc，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2230字，纯文字阅读大概需要4分钟。

内容图文

我在MVC工作.我在“Date”控件上使用了jQuery datepicker.调用datepicker的jquery代码如下：

    $(document).ready(function () {
     $('.date').datepicker({ dateFormat: "dd/mm/yy" });
     });

我的DateTime部分视图是：

     @Html.TextBoxFor(x => x.Value, new { id = Model.Name, name = Model.Name, @class = "date", @readonly = true })

和我的DateTimeViewModel属性是：

    public string Name { get; set; }

   public DateTime? Value { get; set; }

我在表单中使用此局部视图.一旦我完全填写表单并单击提交,焦点将再次转到我的datepicker以再次获取日期.它一次又一次地发生,我的表格变得无法提交.
我在chrome上调试这个控件,我注意到日期无效,如下所示： –

    <input class="ff date hasDatepicker input-validation-error" data-val="true" data-val-date="The field Value must be a date." name="Fields[Lea_ex1_47].Value" readonly="True" type="text" value="" id="dp1369308655980">

编辑
很抱歉提及它,但我现在也观察到了.我的日期选择器仅取每月1到12日期.也就是说：在3??0/31天之内,它将从1到12(验证为真)和其他13到31给出验证错误(验证错误).

请告诉我为什么会这样？我怎么能摆脱这个？

提前致谢..

解决方法:

这可能是这部分：

{ dateFormat: "dd/mm/yy" }

这不是.NET显示日期的默认方式,因此jQuery可能无法解析它.你需要确保这一天在月份之前,而年份是2位数.

编辑：在读取关于当日期大于12的控件失败的编辑后,这肯定会导致这种情况.但是,在您修复日期格式后,我在下面提到的问题可能仍会导致问题.

其他潜在问题：

你正在设置一个只读HTML属性,我不知道为什么你会这样做：

@readonly = true

这将不执行任何操作或禁止弹出日期选择器.

最后,我注意到您正在手动设置名称和ID：

id = Model.Name, name = Model.Name

这是Model.Value的编辑器,为什么要将它连接到Model.Name？您网页中的其他内容是否具有相同的ID？是否有任何其他表单字段具有相同的名称？如果是这样,它可能会破坏客户端和服务器上的内容.你甚至不需要指定那些; MVC帮助器方法可以为您完成.

该怎么办：

首先,按照一些人的建议注释你的ViewModel,但要确保格式正确：

[UIHint("DateTime")]
[DataType(DataType.Date)]
[DisplayFormat(DataFormatString = "{0:dd/mm/yy}", ApplyFormatInEditMode = true)]
public DateTime? Value { get; set; }

这应该解决它,但也考虑从你的Razor代码中完全删除id,name和readonly属性.

如果您正在使用HTML5,那么可能有用的一件事就是使用EditorFor而不是TextBoxFor.这应该使它使用HTML5 DateTime输入类型. jQuery-UI应该没有任何处理TextBoxes的麻烦,但它不会受到伤害.

@Html.EditorFor(x => x.Value, new { @class = "date" })

内容总结

以上是互联网集市为您收集整理的c# – jQuery UI datepicker无法正常使用asp.net mvc全部内容，希望文章能够帮你解决c# – jQuery UI datepicker无法正常使用asp.net mvc所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端