而asp.net mvc4升級jquery datepicker錯誤

Question

當我將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; }

Answer 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>

希望對您有幫助。

Answer 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下載這些文件

希望這有效！！