在 Views -> Shared 文件夹中,我有 DateTime.ascx 部分视图;
<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<System.DateTime?>" %>
<%:Html.TextBox("", (Model.HasValue ? Model.Value.ToLongDateString() : string.Empty),
new { @class = "datePicker" })%>
由于 jquery 库http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.js和这个 javascript 代码,这适用于我的大部分应用程序;
// noWeekendsOrHolidays
// beforeShowDay: $.datepicker.noWeekends
$(function () {
$(".datePicker").datepicker({ showOn: 'both', dateFormat: 'dd MM yy', changeMonth: true, changeYear: true, yearRange: 'c-1:c+1', beforeShowDay: noWeekendsOrHolidays });
});
我的看法如下;
<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.master"
Inherits="System.Web.Mvc.ViewPage<SHP.WebUI.Models.BankHolidayViewModel>" %>
<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
BankHoliday
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<% using (Html.BeginForm("Create", "BankHoliday"))
{%>
<%: Html.AntiForgeryToken() %>
<h3>Bank Holiday Administration</h3>
<% if (TempData["UpdatedFlag"].ToString() == "True")
{ %>
<p class="success">At time <% Response.Write(DateTime.Now.ToString("T")); %> - Details have been successfully saved
</p>
<%}
else if (TempData["UpdatedFlag"].ToString() == "False")
{%>
<p class="error">At time <% Response.Write(DateTime.Now.ToString("T")); %> - ERROR! Invalid date entered has NOT been saved
</p>
<%} %>
<p>Select the year: <%: Html.DropDownListFor(model => model.SelectedYear, Model.YearList)%></p>
<fieldset>
<legend>Enter the bank holidays here:</legend>
<p><i>You can find the bank holiday dates on this <a target="_blank" href="http://www.year-planner-calendar.wanadoo.co.uk/">website</a>.</i> </p>
<table class="groupBorder">
<tr>
<th>Bank Holiday</th>
<th>Date</th>
<th>Notes</th>
</tr>
<%: Html.EditorFor(x => x.BankHolidays) %>
<tr>
<td colspan="3" style="padding-top:20px;text-align: center">
<input type="submit" value="Save" id="btnSubmit"/>
</td>
</tr>
</table>
</fieldset>
<% } %>
<script language="javascript" type="text/javascript">
$(function () {
$("#SelectedYear").change(function () {
var year = $("#SelectedYear").val();
$("#wholepage").load('<%:Url.Content(@"~/BankHoliday/Create/")%>' + year);
});
});
</script>
</asp:Content>
在这里你可以看到这一行: <%: Html.EditorFor(x => x.BankHolidays) %> 这有一个关联的编辑器模板;
" %><tr>
<td><%: Model.T.BankHolidayDescription%>
<%: Html.HiddenFor(model => model.BH.BankHolidayId) %>
<%: Html.HiddenFor(model => model.T.BankHolidayTypeId) %>
</td>
<td><%: Html.EditorFor(model => model.BH.NullableBankHolidayDate)%></td>
<td><%: Html.EditorFor(model => model.BH.BankHolidayComment)%></td>
</tr>
日期选择器需要应用于 <%: Html.EditorFor(model => model.BH.NullableBankHolidayDate)%>
但是它不起作用。我单击该字段,没有任何反应。
当我按 F12 并进入开发人员工具时,我发现带有 DatePicker 的控件的 HTML 如下所示;
<input name="BankHolidays[6].BH.NullableBankHolidayDate" class="datePicker hasDatepicker" id="BankHolidays_6__BH_NullableBankHolidayDate" type="text" jQuery1341928330742="131"/>
所以这个类已经被分配给 datePicker,所以它肯定可以工作吗?