Datumsformat mit onchange

Question

Ich habe viele Schwierigkeiten, diese Art der Formatierung in diesem Bereich zu tun. Ich habe ein Formularfeld:

<div class="form-group col-md-12 col-sm-12 col-xs-12">   
    <div class="col-md-2 col-sm-2 col-xs-2 form-label"> 
     {{Form::label('data', 'Data')}} 
    </div>   
    <div class="col-md-10 col-sm-10 col-xs-10">    
     {{Form::date('data', null, ['class' => 'form-control'])}} 
    </div>  
</div> 

Die Absicht dieses Feld in das folgende Format zu machen, , wenn eine Person betritt 2 Zahlen das Feld automatisch platziert einen „/“ Bildung des folgenden Typs "02.02/4 "soweit die Person tippt. Da es jedoch ein Detail gibt, erlaubt das Feld die Verwendung der Rücktaste, dies beeinträchtigt jedoch nicht die automatische Verwendung von "/".

Ich habe versucht, wie die anderen Themen zu tun, aber nicht über Erfolg ...

Answer 1

Sie können regex auf diese Arbeit. Überprüfen Sie das Textformat mit match().

var lastValue = $("input").val(); 
 
$("input").on("keydown keyup change", function(){ 
 
    var value = $(this).val(); 
 
    if (value.match(/^[0-9]*[\/]?[0-9]*[\/]?[0-9]*$/g)) 
 
     lastValue = value; 
 
    else 
 
     $(this).val(lastValue); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" />