在前端开发中,可以通过以下几种方式来防止时间输入中的分钟输入:
<input type="time" />
推荐的腾讯云相关产品:无
<input type="text" id="timeInput" />
<script>
document.getElementById("timeInput").addEventListener("input", function() {
var time = this.value;
var regex = /^([01]\d|2[0-3]):?$/;
if (!regex.test(time)) {
this.value = time.slice(0, -1);
}
});
</script>
推荐的腾讯云相关产品:无
<input type="text" id="timeInput" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-timepicker/1.15.0/jquery.timepicker.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-timepicker/1.15.0/jquery.timepicker.min.css" />
<script>
$(document).ready(function() {
$('#timeInput').timepicker({
timeFormat: 'HH',
showMinutes: false
});
});
</script>
推荐的腾讯云相关产品:无
总结:以上是防止时间输入中的分钟输入的几种常见方法,可以根据具体需求选择合适的方式进行实现。
领取专属 10元无门槛券
手把手带您无忧上云