Page 1 sur 1

format date dans input de type text

Posté : 30 juin 2014, 12:31
par le maire
bonjour à tous, j'aimerais avoir une aide car je veux redéfinir mon input de type text au format date comme suit __/__/____ et pouvoir le remplir comme suit 12/06/2014.Aider moi svp

Re: format date dans input de type text

Posté : 30 juin 2014, 14:09
par Elie
Soit tu fais juste un placeholder mais dès le premier caractères l'exemple disparait, sinon tu trouveras facilement un plugin jQuery qui fait ca.

Donc
<input placeholder="__/__/____
ou http://igorescobar.github.io/jQuery-Mask-Plugin/

Re: format date dans input de type text

Posté : 30 juin 2014, 16:49
par Invité
merci pour le lien mais cela ne s’exécute pas voici le code que j'ai écris :
<script type="text/javascript">
$(document).ready(function(){

$('.placeholder').mask("00/00/0000", {placeholder: "__/__/____"});

});
</script>
<body>
<input type="text" class="placeholder" />
</body>

Re: format date dans input de type text

Posté : 02 juil. 2014, 20:11
par Elie

Code : Tout sélectionner

<!DOCTYPE html> <head> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> <script type="text/javascript" src="jquery.mask.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('.placeholder').mask("00/00/0000", {placeholder: "__/__/____"}); }); </script> </head> <body> <label>Mask placeholder option</label> <input type="text" class="placeholder" /> </body> </html>

Re: format date dans input de type text

Posté : 09 juil. 2014, 17:38
par Megadeth
Slt,

Quite à utiliser un placeholer autant utiliser celui-ci :
<input type="date" value="2014-07-09">
Non ?

Mega
;)