如何实现MVC4框架中表单编辑并正确显示日期格式？

本文共计277个文字，预计阅读时间需要2分钟。

两个方案分别解释四个模块：

1.方案一：一个模块，这是

2.方案二：四个模块分别为

- Controller：增加页面控制方法 - Model：增加字段 - View：实现实际页面 - 实际效果：方案二

两个方案分别分四个模块来解释Controller增加页面控制方法Model增加字段View实际页面实际效果方案一1各个模块这个是一样 两个方案分别分四个模块来解释

Controller增加页面控制方法

Model增加字段

View实际页面

实际效果

---

方案一 1各个模块这个是一样的 public ActionResult Edit(int id 0)         {             StaffInfo staffInfo db.StaffInfo.Find(id);             if (staffInfo null)             {                 return HttpNotFound();             }             return View(staffInfo);         } 2Model中字段属性增加DateType这里格式不能改 [DisplayName("生日")]         [DisplayFormat(DataFormatString "{0:yyyy-MM-dd}", ApplyFormatInEditMode true)]         [DataType(DataType.Date)]         public Nullable BirthDate { get; set; } 3View中使用Editor             Html.LabelFor(model > model.BirthDate)                            Html.EditorFor(model > model.BirthDate)              Html.ValidationMessageFor(model > model.BirthDate)         4显示及编辑效果 方案二 2模型不做设置         [DisplayName("生日")]        public NullableBirthDate { get;set; } 3.1View中使用TextBoxFor                    Html.LabelFor(model> model.BirthDate)                            Html.TextBoxFor(model> model.BirthDate,"{0:yyyy年MM月dd日}",new { class "datetype",type "text" })             Html.ValidationMessageFor(model> model.BirthDate)         3.2新建脚本文件 $(function() {    $.validator.addMethod(date,    function (value,element){        if (this.optional(element)){            return true;        }        var valid true;        try {            $.datepicker.parseDate(yy年mm月dd日,value);        }        catch (err){            valid false;        }        return valid;    });    $(".datetype").datepicker({dateFormat:yy年mm月dd日 }); }); 3.3 增加Jquery库函数调用 section Scripts {    Styles.Render("~/Content/themes/base/css")    Scripts.Render("~/bundles/jquery")    Scripts.Render("~/bundles/jqueryui")    Scripts.Render("~/bundles/jqueryval") } 3.4增加脚本引用在库函数之后 4实际效果