如何获得Html.Editorfor一个datepicker [英] How to get a datepicker for Html.Editorfor

问题描述

在我MVC3剃须刀的网页我有一个日期字段

On my MVC3 razor page I have a date field

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

下面给出

是code我试图获得场出生的日期一个datepicker。

Given below is the code I am trying to get a datepicker for the Date of Birth field.

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

但是当我运行此页我得到错误

But when I run this page I am getting error

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

请帮我找到一个方法来添加日期选择器到我的网页

Please help me find a way to add datepicker to my page

推荐答案

您需要创建在您的浏览\\共享\\ EditorTemplate文件夹中的EditorTemplate。将它命名为DateTime.cshtml。看起来应该像下面这样：

You'll need to create an EditorTemplate in your Views\Shared\EditorTemplate folder. Name it DateTime.cshtml. Should look something like the following:

@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)

这篇关于如何获得Html.Editorfor一个datepicker的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！