1

ビュー エンジンとして MVC 4.0/Razor を使用する。

シナリオ: カレンダーをテキスト ボックスにバインドし、txtBox をクリックすると、jqueryUI の datepicker を使用してカレンダーがフロー ダウンし、SQL データベースに送信されます。

私がしたこと：

モデルクラス:

    public class UserModels
    {

        [Required(ErrorMessage = "Mandatory Field")]
        public virtual string Name { get; set; }
        public virtual int Id { get; set; }
        [DataType(DataType.Date), DisplayFormat(DataFormatString = "{0:dd/MM/yyyy}", ApplyFormatInEditMode = true)]
        public virtual DateTime Dob { get; set; }
        [Display(Name = "CountrY")]
        public virtual string Country { get; set; }
        public virtual string Gender { get; set; }


    }

かみそりビュー:

@model EMSapp.Models.UserModels

@{
    ViewBag.Title = "AddUser";
}
<h2>AddUser</h2>
<script src="../../Scripts/jquery-1.7.1.js" type="text/javascript"></script>
<script src="../../Scripts/jquery.ui.core.js" type="text/javascript"></script>
<script src="../../Scripts/jquery.ui.datepicker.min.js" type="text/javascript"></script>
<script src="../../Scripts/jquery-ui-1.10.2.custom.min.js" type="text/javascript"></script>

<script type="text/javascript">
    $(document).ready(function () {

        $("#date").datepicker();

    }); 
    </script>

@using (Html.BeginForm()) {
    @Html.ValidationSummary(true)

    <fieldset>
        <legend>UserModels</legend>
         <div class="editor-label">
            @Html.LabelFor(model => model.Dob)
        </div>
        <div class="editor-field">

            @**Html.TextBoxFor(model => model.Dob, new { id = "date" })**   

        </div>

エラー: ビューの読み込み中に、「オブジェクトはこのプロパティまたはメソッドをサポートしていません」がスローされます。

4

1 に答える 1

0

Html.TextBoxFor(model => model.Dob, new { id = "date" })nameテキストボックスの属性とid属性を「Dob」に設定する必要があります。

代わりに呼び出しHtml.TextBoxFor(model => model.Dob)て使用してみてください。$('#Dob').datepicker();

于 2013-04-22T13:57:17.903 に答える