【问题标题】:while asp.net mvc4 upgrading jquery datepicker error而asp.net mvc4升级jquery datepicker错误
【发布时间】:2012-12-26 17:55:26
【问题描述】:

当我将我的 mvc3 项目升级到 mvc4 时,我遇到了一个关于 JQuery datepicker 的问题。

MVC3项目正在使用

  • jquery-1.6.3
  • jquery-ui-1.8.11

MVC4 项目正在使用

  • jquery-1.7.1
  • jquery-ui-1.8.20

JQuery datepicker 在 mVC3 上工作,但在 mvc4 上发生错误。

我的模型是这个

public class Reservation
{
    public string Name { get; set; }
    public DateTime? Date { get; set; }
}

我的 EditorTemplate 在这里。

model DateTime?

Html.TextBox("", Model.HasValue ? Model.Value.ToShortDateString() : string.Empty,  new { data_datepicker = true })

我像这样在模型中应用了数据属性,但没有奏效。

    [DataType(DataType.Date)]
    [DisplayFormat(DataFormatString = "{0:dd.mm.yyyy}")]
    public DateTime? Date { get; set; }

【问题讨论】:

    标签: jquery asp.net asp.net-mvc-3 jquery-ui asp.net-mvc-4


    【解决方案1】:

    可能是您的问题是 jQuery 引用。尝试从 Google CDN 直接引用下面的赞(这些是最新版本)。

    <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/themes/base/jquery-ui.css"
                type="text/css" media="all" />
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>
    

    希望对你有帮助。

    【讨论】:

      【解决方案2】:

      尝试将您的模型更改为

      [UIHint("DateTemplateYouAreUsing")]
      public DateTime? Date { get; set; }

      和你的编辑器模板到
      $.validator.methods.date = function (value, element) {
      !isNaN(Globalize.parseDate(value)); return this.optional(element) ||
      }

      @model DateTime
      @Html.TextBox("", String.Format("{0:dd.MM.yyyy}", Model.ToShortDateString()),
      new { @class = "newdate" })

      并将您的脚本更改为:
      $(document).ready(function () {
      $('.newdate').datepicker({ dateFormat: 'dd.mm.yy'});
      Globalize.culture('de-AT');
      });

      别忘了添加
      https://github.com/jquery/globalize下载这些文件

      希望这行得通!

      【讨论】:

        猜你喜欢
        • 2018-06-02
        • 1970-01-01
        • 2013-10-30
        • 2013-06-29
        • 2018-08-31
        • 1970-01-01
        • 2013-07-01
        • 1970-01-01
        • 2014-08-12
        相关资源
        最近更新 更多