Bonjour,

j'utilise actuellement Jquery UI Datepicker pour proposer un affichage de dates sur ordinateur avec le calendrier au clic dans le champ ou sur le picto calendrier au format dd/mm/YYYY.

Je souhaiterai également faire un affichage pour mobile et tablette.

Je détecte donc les mobiles et tablettes pour supprimer l'affichage de datepicker afin d'utiliser la fonction native de la tablette (exemple Ipad) pour afficher son propre calendrier IOS tout cela en déclarant uniquement le champ type="date".

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
	/*detection des mobiles*/
		var deviceAgent = navigator.userAgent.toLowerCase();
		 var agentID = deviceAgent.match(/(iphone|ipod|ipad|android)/);
		 if(agentID.indexOf("iphone")>=0){
		   $(".champs_date").datepicker("destroy");
		   $(".champs_date_ss_cal").datepicker("destroy");
		 }
		 if(agentID.indexOf("ipod")>=0){
		   $(".champs_date").datepicker("destroy");
		   $(".champs_date_ss_cal").datepicker("destroy");
		 }
		 if(agentID.indexOf("ipad")>=0){
		   $(".champs_date").datepicker("destroy");
		   $(".champs_date_ss_cal").datepicker("destroy");
		 }
		 if(agentID.indexOf("android")>=0){
		   $(".champs_date").datepicker("destroy");
		   $(".champs_date_ss_cal").datepicker("destroy");
		 }

Cependant, en saisissant la date avec le calendrier de l'Ipad, celle-ci ne semble pas être au format souhaité dd/mm/YYYY mais plutôt YYYY-MM-DD.

Comment puis-je faire pour uniformiser mes dates et lui dire que j'attends qu'il me retourne une date au format dd/mm/YYYY ?

Je parviens à saisir ma date, mais dès que je ressort du champ, elle disparait car j'ai également ajouté un mask :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
$('.champs_date').mask('99/99/9999');
$('.champs_date_ss_cal').mask('99/99/9999');