Utiliser Datepicker de JQuery UI
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:
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:
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:
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:
<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?
@+
