Jquery从输入时间接收时间值并添加一小时

时间:2017-10-17 22:03:17

标签: jquery laravel

我有这个输入:

{!! Form::time('horaini', null, ['class'=>'form-control', 'required', 'id'=>'horaini']) !!}

那:

{!! Form::time('horafim', null, ['class'=>'form-control', 'required', 'id'=>'horafim']) !!}

所以,我希望当用户在他的离场时将时间放在'horaini'上,自动'horafim'将他的时间设置为1小时以上。

我从这样的事情开始:

$('#horaini').blur(function () {
// var valor = $('#horaini').val();
$('#horafim').val($('#horaini').val()+1);

});

1 个答案:

答案 0 :(得分:0)

使用此功能增加时间输入的值,您只需要接收输入ID,或者您可以根据需要进行修改:

function incrementTimeInput(id){
    var time = document.getElementById(id);  // Get time input
    var val = time.value;                       // Get input value
    time.stepUp(60);                 // Increment input 1 hour (60 min) 
    var inc = time.value;

    // check if is the last hour of the day 
    if (val == inc) {
        time.stepDown(60*23);
    }
}