日期驗證搜索輸入/文本框的剃刀視圖MVC

Question

我想添加一個文本框（日期）和按鈕到我的報告，它過濾數據。下面MVC

的工作，但輸入仍必須驗證（必須是DATE）在客戶端（和服務器端如果可能的話）

我的模型看起來是這樣的：

public class DailyReport 
{  
    public int DailyReportID { get; set; } 
    public DateTime? ReportDate { get; set; } 
} 

查看：

@model IEnumerable<project_name.Models.DailyReport> 
@* text box and button: *@ 
@using (Html.BeginForm("Index", "DailyReport", FormMethod.Get)) 
{ <p> 
    Title: @Html.TextBox("SearchDateString") 
    <input type="submit" value="Filter" /> 
    </p> 
} 
@* display dates*@ 
@foreach (var item in Model) 
{  @Html.DisplayFor(modelItem => item.ReportDate) 
} 

我的控制器：

public ViewResult Index(String SearchDateString) 
    { 
     var dailyreport = db.DailyReport.Include(d => d.Site); 

     if (!String.IsNullOrEmpty(SearchDateString)) 
     { 
      DateTime search_date = Convert.ToDateTime(SearchDateString); 
      dailyreport = dailyreport.Where(r => r.ReportDate == search_date); 
     } 
     return View(dailyreport.ToList()); 
    } 

有人可以幫我嗎？ 如何確保在文本框中輸入有效的日期？ 我應該爲此輸入創建另一個帶有日期字段的模型嗎？

Answer 1

@Shark鯊魚指出我在正確的方向使用視圖模型，這是現在正在工作的最終結果。 JS驗證也添加了。

（DBSet不是必要的，因爲DrViewModel是一個視圖模型。）

控制器：

public ActionResult Index(DrViewModel dvm) 
    { 
     var dailyreport = db.DailyReport.Include(d => d.Site); 
     if (dvm.DateTimeSearch != null) 
     { 
      dailyreport = dailyreport.Where(r => r.ReportDate == dvm.DateTimeSearch); 
     } 

     dvm.DailyReport = dailyreport.ToList(); 
     return View(dvm); 
    } 

機型：

public class DrViewModel 
{ 
    public DateTime? DateTimeSearch { get; set; } 
    public List<DailyReport> DailyReport { get; set; } 
} 

public class DailyReport 
{ 

    public int DailyReportID { get; set; } 
    public DateTime? ReportDate { get; set; } 
} 

視圖：

@model myproject.Models.DrViewModel 

@{ 
ViewBag.Title = "Index"; 
} 

<h2>Index</h2> 
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"> </script> 
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")"  type="text/javascript"></script> 

@using (Html.BeginForm("Index","DailyReport", FormMethod.Get)) 
{ 
    @Html.ValidationSummary(true) 

<div class="editor-label"> 
     @Html.LabelFor(model => model.DateTimeSearch) 
    </div> 
    <div class="editor-field"> 
     @Html.EditorFor(model => model.DateTimeSearch) 
     @Html.ValidationMessageFor(model => model.DateTimeSearch) 
    <input type="submit" value="Filter" /> 
    </div> 

}  
    @foreach (var item in Model.DailyReport) 
    { 
       @Html.DisplayFor(modelItem => item.ReportDate) 

    } 

Answer 2

利用從DataAnnotations命名空間中的DataTypeAttribute在模型中，像這樣：

public class DailyReport 
{  
    public int DailyReportID { get; set; } 
    public DateTime? ReportDate { get; set; } 
} 

public class DrViewModel 
{ 
    [DataType(DataType.Date)] 
    public string DateTimeSearch { get; set; } 
    List<DailyReport> DailyReports { get; set; } 
} 

在你看來，有這樣的事：

@model project_name.Models.DrViewModel 

@using (Html.BeginForm("Index", "DailyReport", FormMethod.Get)) 
{ 
    <p> 
    Title: @Html.TextBoxFor(m => m.DateTimeSearch) 
    <input type="submit" value="Filter" /> 
    </p> 
} 


@foreach (var item in Model.DailyReports) 
{ 
    @Html.DisplayFor(m => item.ReportDate) 
}