javascript - onchange 的日期格式

Question

我在现场做这种格式化有很多困难。我有一个表单域:

<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>

目的是使该字段采用以下格式，当一个人输入 2 个数字时，该字段会自动放置一个“/”，形成以下类型“2/2/4”，只要该人正在输入。但是有一个细节，字段允许使用退格键，但这不会影响“/”的自动使用。

我尝试按照其他主题做，但没有成功...

Answer 1

您可以使用正则表达式来完成这项工作。使用 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" />