带有onchange的日期格式

Date format with onchange

本文关键字：格式 日期 onchange 带有      更新时间：2023-09-26

我在字段中进行这种格式化有很多困难。我有一个表单字段：

<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"。但是有一个细节，字段允许使用退格键，但这不会影响"/"的自动使用。

我试着做其他话题，但没有成功。。。

您可以使用regex来完成这项工作。使用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" />

相关文章：