1

mvc3 プロジェクトを mvc4 にアップグレードしているときに、JQuery 日付ピッカーに関する問題に遭遇しました。

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; }
4

2 に答える 2

0

モデルを次のように変更してみてください

[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からダウンロードすることを忘れないでください

これがうまくいくことを願っています!!

于 2013-03-06T13:45:07.060 に答える
0

あなたの問題は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>

これがお役に立てば幸いです。

于 2012-12-27T05:39:28.810 に答える