我的jquery函数时间格式化问题?

时间:2011-07-14 11:18:51

标签: javascript jquery html time input

您好我有一个名为“创建时间框”的jquery函数

这会创建一个格式为“HH:MM:SS”的文本框。当用户选择此输入框时:

选择转到0(起始点),用户可以输入小时数。

一旦用户输入小时部分,该功能就会将选择点跳到“:”之后的位置3,但是在完成“MM”部分后它不会执行此操作。 我怎么做到这一点?感谢

另外,我如何限制文本框,以便在用户完成“SS”秒部分之后再无法输入?

在这里亲自尝试。

http://jsfiddle.net/sArjQ/2/

代码可以在这里找到:

for (var i = 0; i < 1; i++) {
    var input = $("<input>", {
        name: 'time' + i,
        val: '00:00:00'
    });

    input.click(function() {

        $(this).prop({
            selectionStart: 0,
            selectionEnd: 0
        });

    }).keydown(function() {

        var sel = $(this).prop('selectionStart'),
            val = $(this).val(),
            newsel = sel === 2 ? 3: sel;
        newsel1= sel === 2 ? 5: sel;

        $(this).val(val.substring(0, newsel) + val.substring(newsel + 1))

        .prop({
            selectionStart: newsel,
            selectionEnd: newsel
        });
    });

    $('body').append(input);
}

由于

2 个答案:

答案 0 :(得分:0)

你走了:

    newsel = sel === 2 ? 3: sel;
    newsel = sel === 5 ? 6: newsel;

http://jsfiddle.net/AlienWebguy/sArjQ/3/

答案 1 :(得分:0)

限制使用;

$("input#video_stream_offset_custom").val(hms.substring(0, 8));