Discussion :

[daniel.moreda]

Affichage du champs date en edit sur navigateur EDGE



La page :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ?

[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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

[rastahypa]

Merci !!! Malgré que la réponse date de 2016 mais elle est toujours d'actualité !!! Je cherchais depuis plus d'une heure !!!
Merci !!

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>