Discussion :

[Tidus159]

Bonjour,

je souhaite utilise JQuery UI Datepicker pour mes champs dates.
J'ai un problème au niveau des formats et du matching entre la valeur du datepicker sélectionnée et le datetime de mon model.

Définition de mon Javascript (master page) :

Code :

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

1
2
3
4
5
6
7
8
9
 
$(function () {
	        $(".datepicker").datepicker({ firstDay: 1 });
	        $(".datepicker").datepicker("option", "dateFormat", 'dd/mm/yy');
	        $(".datepicker").datepicker("option", "showButtonPanel", true);
	        $(".datepicker").datepicker("option", "buttonImage", '../../Content/Images/calendar2.gif');
	        $(".datepicker").datepicker("option", "showOn", "both");
	        $(".datepicker").datepicker("option", "buttonImageOnly", true);
	    });

Dans ma vue :

Code :

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

1
2
3
4
5
6
 
 <td>
                    <%: Html.TextBoxFor(m => m.Date, new { @class = "datepicker", style = "width:70px;" })%>
                    <!--<%: Html.TextBox("Date", DateTime.Now.ToString("dd/MM/yyyy"), new { @class = "datepicker", style = "width:70px;" })%>-->
                    <%: Html.ValidationMessageFor(m => m.Date) %>
                </td>

Dans mon modele :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
[Required]
        //[RegularExpression("([0-9]{1,2})/([0-9]{1,2})/([0-9]{4})", ErrorMessage = "Format incorrect")]
        [Display(Name = "Date envoi")]
        [DataType(DataType.Date)]
        public DateTime? Date
        {
            get;
            set;
        }

Lorsque je sélectionne une date avec mon calendrier (ex: 28/04/2011) et que je lance ma validation, l'input n'est plus remplit.
Pourtant dans le code HTML, j'ai cela

Code :

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

 <input id="Date" class="datepicker hasDatepicker" type="text" value="18/05/2011" style="width:70px;" name="Date" data-val-required="Le champ Date envoi est requis." data-val="true">

(a noter ma value).

J'ai essayé plusieurs autres tentatives mais que des échecs.

J'ai aussi posté sur le forum msdn [je en sais pas si j'ai le droit de le mettre](http://social.msdn.microsoft.com/For...c-42a448f7404c ) et on n'a pas avancé.

L'avez vous déjà utilisé ? Avez vous une idée?

@+

[mermich]

Salut,

Sans-doute un problème de format du datetime, dis moi ce qui se passes lorsque tu as saisie en date 11/12/2011

=> car je suis prêt à parier que mvc parse en natif avec avec un format mm/dd/yyyy et non dd/mm/yyyy comme tu le voudrais.

=> si c'est le cas, une solution est de créer une autre propriété en string .

[Tidus159]

Bonjour,

dans le topic msdn nous avons conclut que dd/mm/yy de jquery ne passe pas la validation.

Non en natif c'est bien dd/MM/yyyy pour le datetime.
Apriori je vais devoir me contenter de mettre JQuery UI en mm/dd/yy pour passer la validation et avoir un string du coté de mon model (éventuellement avoir une variable datetime aussi...)
Solution horrible (format anglais pour mon site français et string dans le model) mais qui re-remplit le input...

Question : Y'a-t-il moyen de vérifier sur le model que la date est une date valide ? (pas qu'avec une REGEX mais avec un parse sur un datetime et une exception éventuelle ?)

[Tidus159]

Bon.

Cette solution ne convient pas à mon client ("Ce n'est pas naturel de taper une date comme ça") donc il faut que je trouve un autre calendrier...
En connaissez vous un bien ?

[darkcrift]

bonjour,
Moi j'utilise telerik extention pour asp.net MVC. Il fournit plusieurs contrôle dont un calendar et un datepicker. Je les utilise pour remplir des champs de type datetime (dans ma BD) et je n'ai pas eu de probleme jusqu'à présent.
Tu trouvera plus d'info et une démonstration sur leur site.
Attention la licence pour une utilisation à des fin commercial est payante...
cordialement.