ASP MVC 5 Datumsformat Validierung Problem

Question

In meiner ASP MVC 5-Webanwendung muss ich ein Datum in einem bestimmten Format anzeigen. Wenn die Seite geladen wird, ist der Text korrekt formatiert.

Das Feld definiert ist, wie folgt aus:: Aber wenn Sie den Wert bearbeiten oder einfach zu schreiben versuchen, wird der Validierungsfehler angezeigt

 @*Creation*@ 
    <div class="form-group"> 
     @Html.LabelFor(model => model.Creation, new { @class = "control-label col-md-2" }) 
     <div class="col-md-10"> 
      @Html.TextBoxFor(model => model.Creation, "{0:dd/MM/yyyy}", new { @class = "form-control"}) 
      @Html.ValidationMessageFor(m => m.Creation) 
     </div> 
    </div> 

Die Eigenschaft Viewmodel ist definiert als:

 [DataType(DataType.Date)] 
    [DisplayFormat(DataFormatString = "{0:dd/MM/yyyy}", ApplyFormatInEditMode = true)] 
    [Display(Name = "Creation", ResourceType = typeof(Resources.Resources))] 
    public DateTime Creation { get; set; } 

Der Screenshot wurde mit Firefox-Browser erstellt. Wenn ich dasselbe bei Edge mache, wird die Validierung bestanden, aber das Abwarten dieser Eigenschaft für die post-Methode ist ungültig (ein Standarddatumswert).

Wie kann ich dieses Problem beheben?

Answer 1

Das Problem hier ist, dass hinter den Kulissen die Validierung tatsächlich von jQuery durchgeführt wird. Der Schlüssel ist also, dem jQuery-Validator mitzuteilen, dass Sie das Format TT/MM/JJJJ verwenden werden.

Es gibt mehrere Möglichkeiten, dies zu tun. Der einfachste Weg ist es, nur die Prüffunktion überschreibt (Termine) mit einem simpe zwicken:

jQuery(function ($) { 
    $.validator.addMethod('date', 
    function (value, element) { 
     $.culture = Globalize.culture("en-AU"); 
     var date = Globalize.parseDate(value, "dd/MM/yyyy", "en-AU"); 
     return this.optional(element) || 
     !/Invalid|NaN/.test(new Date(date).toString()); 
    }); 
}); 

Eine Alternative eine Globalisierung Bibliothek für jQuery zu verwenden wäre. Es gibt eine Globalisierungsbibliothek, die Sie verwenden können here.

Wenn Sie die Bibliothek haben, gehören die folgenden Dateien:

globalize.js 
globalize.culture.en-AU.js 

dann die Prüffunktion außer Kraft setzen:

<script type="text/javascript"> 
    $(function() { 
     $.validator.methods.date = function (value, element) { 
      Globalize.culture("en-AU"); // the UK format 
      return this.optional(element) || Globalize.parseDate(value) !== null; 
     } 
    }); 
</script>