web-dev-qa-db-ja.com

Html.Editorforの日付ピッカーを取得する方法

MVC3かみそりのページに日付フィールドがあります

@Html.EditorFor(model => model.Member.Dob)

以下に示すのは、生年月日フィールドの日付ピッカーを取得しようとしているコードです。

<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>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
 <script type="text/javascript">
      $(document).ready(function () {
          debugger;
          $("#Member_Dob").datepicker();
      });
  </script>

しかし、このページを実行するとエラーが発生します

Microsoft JScript runtime error: Object doesn't support property or method 'datepicker'

ページに日付ピッカーを追加する方法を見つけるのを手伝ってください

jqueryasp.net-mvc-3datepickerjquery-ui-datepicker
10
Lee

Views\Shared\EditorTemplateフォルダーにEditorTemplateを作成する必要があります。 DateTime.cshtmlという名前を付けます。次のようになります。

@model System.DateTime?
 <div class="editor-label">
    @Html.Label("")
</div>
<div class="editor-field">
    @Html.TextBox("", String.Format("{0:MM/dd/yyyy}",(Model == DateTime.MinValue)? null : Model), new { @class="text"})
</div>

<script type="text/javascript">
    $(document).ready(function () {
        $("#@ViewData.ModelMetadata.PropertyName").datepicker({
            changeMonth: true,
            changeYear: true,
            dateFormat: 'mm/dd/yy',
            gotoCurrent: true
        });
    });
</script>

次のように使用します。

@Html.EditorFor(model => model.Member.Dob)
21
JP.

この記事はこれを完全にカバーしています： http://blogs.msdn.com/b/stuartleeks/archive/2011/01/25/asp-net-mvc-3-integrating-with-the-jquery-ui- date-picker-and-adding-a-jquery-validate-date-range-validator.aspx

1
angularsen