dd/mm/yyyy日期驗證MVC

Question

我做了一個MVC應用程序，用戶選擇一個開始日期和結束日期。他們使用jQuery datepicker輸入這些數據。但是，當我點擊保存時，我收到驗證消息，說它不是驗證日期。 textbox接受日期格式爲yyyy/mm/dd。不知道爲什麼我收到這些驗證消息，因爲我已經嘗試了很多東西。

我的代碼如下

Create.cshtml查看

 <div class="form-group"> 
      <script src="@Url.Content("~/Scripts/jquery-ui.min.js")" type="text/javascript"></script> 
      <link href="@Url.Content("/Content/jquery-ui.min.css")" rel="stylesheet" type="text/css" /> 
      @Html.LabelFor(model => model.StartDate, htmlAttributes: new { @class = "control-label col-md-2" }) 
      <div class="col-md-10"> 


       <input type="text" id="MyDate" 
         @Html.EditorFor(model => model.StartDate, "{0:dd/MM/yyyy}", new { htmlAttributes = new { @class = "form-control" } }) 
         @Html.ValidationMessageFor(model => model.StartDate, "", new { @class = "text-danger" }) /> 

      </div> 
     </div> 

     <div class="form-group"> 
      @Html.LabelFor(model => model.FinishDate, htmlAttributes: new { @class = "control-label col-md-2" }) 
      <div class="col-md-10"> 
       <input type="text" id="FinishDate" 
         @Html.EditorFor(model => model.FinishDate, "{0:dd/MM/yyyy}", new { htmlAttributes = new { @class = "form-control" } }) 
         @Html.ValidationMessageFor(model => model.FinishDate, "", new { @class = "text-danger" }) /> 
      </div> 
     </div> 


     <p> 
      <button class="btn btn-success"><span class="glyphicon glyphicon-plus"></span>Create</button> 
     </p> 
     </div> 
     } 



<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#MyDate").datepicker(); 

      $.validator.methods.date = function (value, element) { 
       Globalize.culture("en-AU"); 
       // you can alternatively pass the culture to parseDate instead of 
       // setting the culture above, like so: 
       // parseDate(value, null, "en-AU") 
       return this.optional(element) || Globalize.parseDate(value) !== null; 
      } 

    }); 
</script> 


<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#FinishDate").datepicker(); 

    }); 
</script> 
<div> 
    <a class=" btn btn-primary" href="@Url.Action("Index")"><span class=" glyphicon glyphicon-home"></span>&nbsp;Task List</a> 
</div> 



     @section Scripts { 
      @Scripts.Render("~/bundles/jqueryval") 
     } 

我也嘗試添加該到webconfig

<globalization culture="en-AU" uiCulture="en-AU" /> 

Answer 1

假設你有這些模特屬性：

public DateTime? StartDate { get; set; } 
public DateTime? FinishDate { get; set; } 

你的背景下，您應該已經在你的腳本目錄globalize.js和 globalize.culture.en-AU.js，因此你需要在編輯模式下應用預設日期格式是這樣的：

[DisplayFormat(DataFormatString = "{0:dd/MM/yyyy}", ApplyFormatInEditMode = true)] 
[DataType(DataType.Date)] 
public DateTime? StartDate { get; set; } 

[DisplayFormat(DataFormatString = "{0:dd/MM/yyyy}", ApplyFormatInEditMode = true)] 
[DataType(DataType.Date)] 
public DateTime? FinishDate { get; set; } 

通過覆蓋jQuery的基本驗證全球化的插件， EditorFor將使用屬性屬性中給定的預設日期格式。

全球化代碼應類似於此示例：

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#MyDate").datepicker(); 
     $("#FinishDate").datepicker(); 

     $.validator.methods.date = function (value, element) { 
       Globalize.culture("en-AU"); 
       // you can alternatively pass the culture to parseDate instead of 
       // setting the culture above, like so: 
       // parseDate(value, null, "en-AU") 
       return this.optional(element) || Globalize.parseDate(value) !== null; 
     } 
    }); 
</script> 

進一步參考類似的問題：MVC 4 date culture issue?