如何将MVC4表单编辑及显示日期格式改写为支持多种日期格式的智能编辑器？

2026-04-03 02:121阅读0评论SEO资讯

内容介绍
文章标签
相关推荐

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

两个方案分别解释四个模块：Controller增加页面控制方法，Model增加字段，View实现页面，实际效果方案一：一个模块这是一个简单的模块，其中包含Controller、Model和View。Controller负责处理页面请求，Model存储数据，View展示数据。方案二：四个模块这个方案将功能分解为四个模块：Controller增加页面控制方法，Model增加字段，View实现页面，实际效果。Controller增加页面控制方法：负责处理用户请求，如增加、删除、修改等。Model增加字段：根据需求添加新的数据字段。View实现页面：根据Model的数据展示相应的页面。实际效果：通过这四个模块的协作，实现了一个完整的页面展示和交互功能。

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

标签：MVC4 表单编辑及显示