Estou tentando fazer com que o input type="text"
só aceite números e fique com o formato de data conforme vou inserindo os números.
//Exibir no formato de data
function mascaraData( campo, e )
{
var kC = (document.all) ? event.keyCode : e.keyCode;
var data = campo.value;
if( kC!=8 && kC!=46 )
{
if( data.length==2 )
{
campo.value = data += '/';
}
else if( data.length==5 )
{
campo.value = data += '/';
}
else{
campo.value = data;
}
}
}
//Não permite alfabeto
$(function() {
$('#input2').on('input', function() {
this.value = this.value
.replace(/[^\d]/g, '');// numbers and decimals only
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<h3>Exibir no formato de data</h3>
<input id="input1" type="text" maxlength="10" onkeypress="mascaraData( this, event )" required>
<h3>Não permite alfabeto</h3>
<input id="input2" type="text" maxlength="10" required>
Como já mostrei no exemplo, estou conseguindo impedir a inserção de letras, também estou conseguindo formatar o input como data, o problema é que não estou conseguindo unir os dois algoritmos, de forma a fazer um único input, que não permita letras e formate no formato de data.