Discussion :

[bonsaiko]

Bonjour à tous,

J'ai un souci avec un champ date.
J'ai choisi un champ input de type date.
Sous chrome, il m'affiche bien le petit calendrier, c'est top.
Sous firefox, il n'affiche rien, c'est à l'utilisateur de saisir la date.
Vu que c'est en français, je l'oblige à saisir sous la forme jj/mm/aaaa.

Le problème, c'est que sous Chrome, il oblige l'utilisateur à cocher dans le calendrier ou à saisir la date sous forme jj/mm/aaaa, mais il enregistre la variable sous la forme aaaa-mm-jj.

Du coup, lorsque je valide mon formulaire et je récupère la date en php, je me retrouve avec 2 cas possibles.

En écrivant je me rends compte qu'il suffit de tester si la date est au format jj/mm/aaaa ou aaaa-mm-jj.
Mais n'y a-t-il pas un autre moyen de faire ?
Parce que du coup, une fois sur 2 la date est mal enregistrée...

[01001111]

Bonjour, alors soit tu peux passer par autre chose qu'un champ date (un champ text ou un div en contenteditable=true) pour éviter les aléas relatifs aux normes mais ça implique de programmer un calendrier toi-même, soit tu convertis les valeurs en passant par les expressions régulières.

Exemple:

Code javascript :

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

1
2
3
4
 
function reFormatDate(val) {
       return  (/([0-9]{4})-([0-9]{2})-([0-9]{2})/).test(val)?(function() { var ex=/([0-9]{4})-([0-9]{2})-([0-9]{2})/.exec(val); return ex[3]+"/"+ex[2]+"/"+ex[1]; })():(/[0-9]{2}\/[0-9]{2}\/[0-9]{4}/).test(val)?val:false);
}

Sinon je me demande si il n'y aurait pas moyen d'inviter le navigateur à utiliser le bon format pour le champ date en lui spécifiant une locale ou une norme.

[SylvainPV]

Bonjour,

Je te déconseille d'utiliser un <input type="text">, il faut toujours passer par le standard s'il existe. Je parle du cas du datepicker dans cet article: http://sylvainpv.developpez.com/publ...s-debat/#LII-C

Tu peux te servir d'un polyfill pour amener le support de <input type="date"> sur les navigateurs non supportés. En voici un assez connu :
http://www.useragentman.com/blog/201...tml5widgets-2/
https://github.com/zoltan-dulac/html5Forms.js

Il gère la langue et convertit automatiquement le format de date de la langue donné en celui standard aaaa-mm-jj, tout comme le fait <input type="date">