asp.net-mvc – 如何使用jQuery UI Datepicker与MVC的Html.TextB

发布时间：2020-12-15 23:51:58 所属栏目：asp.Net 来源：网络整理

导读：我正在使用与实体框架的模型绑定,并具有一个Html.TextBoxFor(model = model.date)输入.我知道如何告诉jQuery如何实现一个datepicker而不是在这个上下文中.当用户输入此字段时,需要添加哪些日历弹出窗口？解决方法您将需要使用HtmlHelper重载,允许您指定Htm

我正在使用与实体框架的模型绑定,并具有一个Html.TextBoxFor(model => model.date)输入.我知道如何告诉jQuery如何实现一个datepicker而不是在这个上下文中.当用户输入此字段时,需要添加哪些日历弹出窗口？

解决方法

您将需要使用HtmlHelper重载,允许您指定Html属性.然后用jquery选择器来定位它们.

// in view
<%= Html.TextBoxFor(x => x.Date,new { @class="datepicker" })%>

// in js
$(document).ready({
         $('.datepicker').datepicker();
    });

虽然我建议使用EditorFor而不是.

<%= Html.EditorFor(x => x.Date)%>

您可以创建一个EditorTemplate来处理作为DateTime的任何字段,并输出正确的字段.

创建/Views/Shared/EditorTemplates/DateTime.ascx并将其放在…中

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<System.DateTime>" %>    
<%= Html.TextBox("",Model.ToShortDateString(),new { @class="datepicker" } )%>

或者如果您需要允许DateTime为null：

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<System.DateTime?>" %>    
<%= Html.TextBox("",(Model.HasValue? Model.Value.ToShortDateString():""),new { @class="datepicker"} )%>

那么你可以随时使用EditorFor,并且有一个中央ascx来编辑,如果你想修改日期时间在你的意见中处理的方式.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!