jQuery的MVC日期时间选择器设置值未绑定到模型

Question

我有绑定到我的视图模型上的datetime属性的日期时间选择器。 当我从日期时间选择器中选择日期并回发时，它将值绑定到模型，但是当我尝试通过jequery设置值时，该值始终为null。

我的模型是：

 public class viewmodel
{
    [DisplayFormat(DataFormatString = "{0:dd/MM/yyyy}", ApplyFormatInEditMode = true)]
    public datetime DDate { get; set; }

}

并且视图代码是

<div class="col-md-3">
@Html.TextBoxFor(m => m.DDate, new {@class = "form-control datepicker" })
@Html.ValidationMessageFor(model => model.DDate, "", new { @class = "text-danger" })</div>

javascript代码是

$("#DDate").datepicker({ dateFormat: 'dd/mm/yy' });

因此，当我单击选项按钮时，它将设置日期时间选择器的日期

$(':input[id="rbVatVoluntary"]').click(function () {

    var thDate = $("#DDate");
    thDate.attr("disabled", 'disabled');
    thDate.datepicker('setDate', new Date());});

当我在浏览器中检查控制台时，我看到该值设置正确，但是当我发布表单并检查model属性时，该值为null。

我对此表示感谢

Answer 1

disabled HTML属性可防止在POST请求期间提交输入值（视为空值），如以下说明所示：

禁用的元素通常使用灰色文本绘制。 如果禁用了该元素，则它不会响应用户的操作，无法使其处于焦点状态，并且不会触发命令事件。 如果是表单元素，则不会提交。

如果要保留要在POST期间提交的值，但又阻止用户更改其内容，请改用HTML readonly属性 ：

$(':input[id="rbVatVoluntary"]').click(function () {
    var thDate = $("#Date");
    thDate.attr("readonly", "readonly");
    thDate.datepicker('setDate', new Date());
});

另外，您需要将属性名称与在helper方法中分配的名称进行匹配：

@Html.TextBoxFor(m => m.Date, new { @class = "form-control datepicker" })