amir_T_2008
پنج شنبه 10 آبان 1403, 13:19 عصر
سلام
خدمت شما
<!DOCTYPE html>
<html lang="fa">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Input Time</title>
<style>
.time-input {
width: 60px;
text-align: center;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<asp:TextBox ID="txtTime" runat="server" CssClass="time-input" MaxLength="5" onkeypress="formatTime(event)"></asp:TextBox>
</form>
<script>
function formatTime(event) {
const input = event.target;
let value = input.value.replace(/[^0-9]/g, '');
if (value.length >= 2 && value.indexOf(':') === -1) {
value = value.slice(0, 2) + ':' + value.slice(2);
}
input.value = value;
}
</script>
</body>
</html>