2

次の日付フィールドでjQueryUI日付ピッカーを使用したい

 <div class="editor-field">
            @Html.EditorFor(model => model.CalibrationDate)
            @Html.ValidationMessageFor(model => model.CalibrationDate)
  </div>

必要なスクリプトと次の関数をビューにすでに含めています

<script src="@Url.Content("~/Scripts/jquery-1.7.1.js")" type="text/javascript"></script>
<script src="@Url.Content("~/jquery-ui-1.8.20.js")" type="text/javascript"></script>

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

日付クラスを自分に割り当てる必要があるようです

 @Html.EditorFor(model => model.CalibrationDate)

その方法を教えていただけますか?またはこの機能を取得するための他のアプローチ?


コメントに基づいて、最終的な作業コードは次のとおりです。

<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery-ui-1.8.11.min.js")" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$(".date").datepicker();
});
</script> 

と体内で

<div class="editor-label">
            @Html.LabelFor(model => model.CalibrationDate)
        </div>
        <div class="editor-field">

           @Html.TextBoxFor(m => m.CalibrationDate,  new{ Class = "datepicker" })
            @Html.ValidationMessageFor(model => model.CalibrationDate)
        </div>
4

1 に答える 1

2

クラスメンバーをパラメータEditorForとして匿名オブジェクトを渡すことができます。additionalViewData

@Html.EditorFor(model => model.CalibrationDate, new { @class = "date" })

注:@キーワードの前に記号を使用すると、それを識別子として使用できます。

于 2013-02-25T13:11:53.093 に答える