MVC5 Datepicker en Edit affichage de la valeur originale

Version imprimable

1 pièce(s) jointe(s)

Affichage du champs date en edit sur navigateur EDGE

Pièce jointe 214812

La page :

Code:

1
2
3
4
5
6
7
8
 
<div class="form-group">
        @Html.LabelFor(model => model.DateAcquisition, htmlAttributes: new { @class = "control-label col-md-2" })
        <div class="col-md-10">
                @Html.EditorFor(model => model.DateAcquisition, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.DateAcquisition, "", new { @class = "text-danger" })
        </div>
</div>

Le HTML généré :

Code:

1
2
3
4
5
 
<div class="col-md-10">
                <input name="DateAcquisition" class="form-control text-box single-line" id="DateAcquisition" type="date" value="04/03/2014" data-val="true" data-val-date="Le champ Date d'acquisition doit être une date.">
                <span class="field-validation-valid text-danger" data-valmsg-replace="true" data-valmsg-for="DateAcquisition"></span>
            </div>

L'entité :

Code:

1
2
3
4
5
 
        [DataType(DataType.Date)]
        [DisplayFormat(DataFormatString ="{0:d}",ApplyFormatInEditMode =true)]
        [Display(Name ="Date d'acquisition")]
        public DateTime? DateAcquisition { get; set; }

Dans ma base de données la date est au 4/3/2014.

Je souhaiterai voir dans le champ date d'acquisition la valeur actuelle plutôt que le format jj/mm/aaaa.
Est-ce possible ? Sans changer de date picker ?

J'ai trouvé !!!!!

Pour les navigateurs EDGE et Chrome les champs ayant pour type="date" attendent une valeur au format "yyyy-MM-dd", dans le cas contraire ils affichent une chaine de caractères décrivant le format.

Donc pour résoudre ce problème dans votre vue razor ajouter le texte en rouge ci-dessous.

Attention ! N'oubliez pas le .Value entre votre propriété date et le ToString
Code:

1 2 3 4 5 6 7 8 <div class="form-group"> @Html.LabelFor(model => model.DateAcquisition, htmlAttributes: new { @class = "control-label col-md-2" }) <div class="col-md-10"> @Html.EditorFor(model => model.DateAcquisition, new { htmlAttributes = new {@Value= @Model.DateAcquisition.Value.ToString("yyyy-MM-dd"), @class = "form-control" } }) @Html.ValidationMessageFor(model => model.DateAcquisition, "", new { @class = "text-danger" }) </div> </div>

Merci !!! Malgré que la réponse date de 2016 mais elle est toujours d'actualité !!! Je cherchais depuis plus d'une heure !!!
Merci !!
Citation:
Envoyé par daniel.moreda
J'ai trouvé !!!!!

Pour les navigateurs EDGE et Chrome les champs ayant pour type="date" attendent une valeur au format "yyyy-MM-dd", dans le cas contraire ils affichent une chaine de caractères décrivant le format.

Donc pour résoudre ce problème dans votre vue razor ajouter le texte en rouge ci-dessous.

Attention ! N'oubliez pas le .Value entre votre propriété date et le ToString
Code:

1 2 3 4 5 6 7 8 <div class="form-group"> @Html.LabelFor(model => model.DateAcquisition, htmlAttributes: new { @class = "control-label col-md-2" }) <div class="col-md-10"> @Html.EditorFor(model => model.DateAcquisition, new { htmlAttributes = new {@Value= @Model.DateAcquisition.Value.ToString("yyyy-MM-dd"), @class = "form-control" } }) @Html.ValidationMessageFor(model => model.DateAcquisition, "", new { @class = "text-danger" }) </div> </div>