ASP.NET MVC 使用带有模型绑定的 JQuery DatePicker

Question

我正在尝试将 DatePicker 选择的日期绑定到在我的视图中强类型化的模型。我试图绑定到的模型（NewEditDataTypeModel）内的属性是“codeTypeNewEditModel.EffectStartDate”。数据类型为 DateTime。

我的观点强类型如下：

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<TMS.MVC.BusinessSystemsSupport.Models.NewEditDataTypeModel>" %>

** 我的 DatePicker 设置如下：**

Effective Start Date: <input type="text" id="Model_codeTypeNewEditModel_EffectStartDate" name="Model_codeTypeNewEditModel_EffectStartDate"/>


<script type="text/javascript">
$(document).ready(function () {
$("#Model_codeTypeNewEditModel_EffectStartDate").datepicker({
  showOn: 'button',
  buttonImage: '/Content/images/calendar.gif',
  duration: 0 
});
});

我的操作方法如下：

    [HttpPost]
    public ActionResult DataTypeNewEdit(NewEditDataTypeModel newEditDataTypeModel)
    {  etc

newEditDataTypeModel 模型不会从 DatePicker 填充受影响的开始日期。有谁知道我做错了什么？我相信使用下划线是正确的做法。

Answer 1

您不需要将Model 作为输入名称的前缀。

输入的名称必须使用点来表示属性。没有下划线

所以如果你要替换：

<input type="text" id="Model_codeTypeNewEditModel_EffectStartDate" name="Model_codeTypeNewEditModel_EffectStartDate"/>

与

<input type="text" id="Model_codeTypeNewEditModel_EffectStartDate" name="newEditDataTypeModel.EffectStartDate"/>

它应该适合你。

这里newEditDataTypeModel应该等于action上的参数。

但我只会利用强类型助手并使用Html.TextBoxFor。