HH:MM时间戳输入时,怎么把冒号写死,不能删除
时间: 2024-04-08 21:30:17 浏览: 14
要确保用户无法删除冒号,你可以使用JavaScript来限制输入框的内容。下面是一个示例代码,演示如何在输入时保持冒号的固定位置:
HTML:
```html
<input type="text" id="timeInput" maxlength="5" oninput="formatTime(event)">
```
JavaScript:
```javascript
function formatTime(event) {
var input = event.target;
var inputValue = input.value;
// 移除所有非数字字符
var formattedValue = inputValue.replace(/\D/g, '');
// 根据字符长度重新格式化时间
if (formattedValue.length > 2) {
formattedValue = formattedValue.slice(0, 2) + ':' + formattedValue.slice(2, 4);
}
// 更新输入框的值
input.value = formattedValue;
}
```
在上面的示例中,我们使用了`oninput`事件来触发`formatTime`函数。该函数会获取输入框的值,并使用正则表达式将非数字字符替换为空字符串。然后,根据字符的长度,我们插入冒号来重新格式化时间。最后,将更新后的值设置回输入框。
通过这种方式,用户无法直接删除冒号,而是在输入时保持了固定的格式(HH:MM)。