使用第一个输入信息

时间:2015-04-22 23:48:39

标签: javascript php html

我现在不知道如何做到这一点。例如:

我有 2 inputs当我用时间填充第一个input而第二个input添加 +2个小时

示例:

首先input = 10:00

第二个input自动放置:12:00

1 个答案:

答案 0 :(得分:0)

我会使用日期对象,只需添加两个小时,这样可以让23:00成为01:00等,而不会有任何麻烦。

然后只需要添加一个事件处理程序,获取值,创建一个日期对象,添加两个小时,恢复小时数,并将其作为另一个输入中的值

var first  = document.getElementById('first');
var second = document.getElementById('second');

first.addEventListener('input', function() {

    if (this.value.indexOf(':') != -1 && this.value.length === 5) {

        var date  = new Date();
        var val   = this.value.split(':');
        date.setHours( parseInt(val[0], 10) + 2);

        var hours = date.getHours();
        hours = hours > 9 ? hours : '0' + hours;

        second.value = hours + ':' + val[1];
    }

}, false);

FIDDLE