【发布时间】:2011-10-05 06:17:09
【问题描述】:
您好,我有一个名为“创建时间框”的 jquery 函数
这将创建一个格式为“HH:MM:SS”的文本框。当用户选择这个输入框时:
选择变为 0(起点),用户可以输入小时数。
一旦用户输入小时部分,该函数会将选择点跳转到 ":" 之后的位置 3,但是在完成 "MM" 部分后它不会执行此操作。 我如何让它做到这一点?谢谢
此外,我如何限制文本框,以便在用户完成“SS”秒部分后,他们无法再输入?
在这里亲自尝试一下。
代码可以在这里找到:
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);
}
谢谢
【问题讨论】:
标签: javascript jquery html time input