MVC4表单编辑及显示日期格式

来源：互联网收集：自由互联发布时间：2023-07-02

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

两个方案分别分四个模块来解释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实际效果

上一篇：【从0到1学javascript】javascript数据结构数组
下一篇：没有了

MVC4表单编辑及显示日期格式

相关文章