Máscara de data com Javascript

Nesse tutorial vamos implementar uma máscara para campos de datas. Usaremos o formato de data brasileiro (dd/mm/aaaa), mas facilmente você poderá adaptar para outros formatos.
A função que fará a máscara receberá como parâmetro o campo da data e fará a formatação.

< html>
< head>
< title>Mascara de datas < /title>
< script language="JavaScript" type="text/javascript">
   function mascaraData(campoData){
              var data = campoData.value;
              if (data.length == 2){
                  data = data + '/';
                  document.forms[0].data.value = data;
      return true;              
              }
              if (data.length == 5){
                  data = data + '/';
                  document.forms[0].data.value = data;
                  return true;
              }
         }
< /script>
< /head>

< body>

< form>
 < input type="text" name="data" OnKeyUp="mascaraData(this);" maxlength="10" / >
< /form>
< /body>
< /html>

Ainda precisando de uma mãozinha? Tente esses outros posts:

Neste outro tutorial, apresentaremos uma função genérica para máscara de campos numéricos para ser utilizada em campos como CPF, CNPJ, data e hora e telefone. Confira!

Validação dinâmica de formulários usando Ajax e PHP

Tutorial upload de arquivos com jQuery e PHP