Il valore specificato non è conforme al formato richiesto yyyy-MM-dd

Question

Possiedo un'applicazione .Net MVC 5 che utilizza Annotazioni dati, Entity-Framework Jquery 2.1.3 e Jquery UI 1.11.4.

Quando si esegue il rendering di un modulo di modifica con un input di tipo data utilizzando il formato UK "gg/MM/AAAA"; viene visualizzato il seguente messaggio di errore quando si utilizza Google Chrome:

Il valore specificato '10/10/2001 'non è conforme al formato richiesto,' aaaa-MM-gg '. jquery-2.1.3.js: 5317

Modello

public class MyModel 
{ 
    [Column(TypeName = "date"), DataType(DataType.Date), Display(Name = "My date")] 
    [DisplayFormat(DataFormatString = "{0:dd/MM/yyyy}")] 
    public string MyDate { get; set; } 
} 

Mark up

<input class="text-box single-line" data-val="true" data-val-date="The field My date must be a date." id="MyDate" name="MyDate" type="date" value="10/10/2001" /> 

Il valore è impostato correttamente nel controllo di input, ma la data non lo fa compaiono nel browser. Per prima cosa ho pensato che si trattasse di un problema con jQuery visto che appare nel file di script jQuery, ma quando si esegue il test in IE e Firefox tutto funziona correttamente.

Ho quindi pensato che fosse la mia impostazione regionale in chrome, poiché per impostazione predefinita Chrome ritiene che tutti gli inglesi siano in America, ho cambiato le impostazioni internazionali nel Regno Unito e ancora lo stesso problema appare.

Una semplice soluzione sarebbe quella di cambiare il formato nel mio modello in universale, ma per gli utenti del Regno Unito questo è un po 'alieno.

C'è un modo per dire chrome che accettano i formati di data in "gg/MM/AAAA"?

Answer 1

Le specifiche per il selettore di date HTML5 indicano che la data deve essere nel formato yyyy-MM-dd (formato ISO). Ciò significa che si DisplayFormatAttribute necessario essere

[DisplayFormat(DataFormatString = "{0:yyyy-MM-dd}", ApplyFormatInEditMode = true)] 
public string MyDate { get; set; } 

In alternativa, è possibile aggiungere manualmente il formato utilizzando

@Html.TextBoxFor(m => m.MyDate, "{0:yyyy-MM-dd}", new { @type = "date" }) 

L'opzione più tardi consente di mantenere il DataFormatString = "{0:dd/MM/yyyy}") per l'utilizzo in @Html.DisplayFor()

Answer 2

È possibile utilizzare il InputTagHelper.Format

<input asp-for="MyDate" asp-format="{0:yyyy-MM-dd}" /> 

https://docs.asp.net/projects/api/en/latest/autoapi/Microsoft/AspNetCore/Mvc/TagHelpers/InputTagHelper/#prop-Microsoft.AspNetCore.Mvc.TagHelpers.InputTagHelper.Format