Thuộc tính max của đối tượng Input Time trong HTML DOM trả về hoặc thiết lập giá trị giờ lớn nhất được phép chọn. Định dạng: hh:mm:ss.ms (giờ:phút:giây.mili-giây).
Cú pháp
Lấy giá trị max
inputTimeObject.max
Thiết lập max
inputTimeObject.max = "hh:mm:ss.ms"
Cấu trúc giá trị
| Thành phần | Mô tả |
|---|---|
| hh | Giờ (00-23), ví dụ: 18 |
| mm | Phút (00-59), ví dụ: 30 |
| ss | Giây (00-59), ví dụ: 00 |
| ms | Mili-giây (000-999), ví dụ: 700 |
Ví dụ minh họa
Ô time có max="03:00:00" (3h). Kiểm tra thời gian nhập có vượt quá giới hạn không:
<!DOCTYPE html>
<html>
<head>
<title>Input Time max</title>
<style>
form { width: 70%; margin: 0 auto; text-align: center; }
* { padding: 2px; margin: 5px; }
input[type="button"] { border-radius: 10px; }
</style>
</head>
<body>
<form>
<fieldset>
<legend>Time-max</legend>
<label for="TimeSelect">Thời gian đã dùng: <input type="time" id="TimeSelect" value="00:00:00" max="03:00:00"> </label>
<input type="button" onclick="kiemTraThoiGian()" value="Xác nhận">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
var divDisplay = document.getElementById("divDisplay");
var inputTime = document.getElementById("TimeSelect");
divDisplay.textContent = 'Giới hạn tối đa: ' + inputTime.max;
function kiemTraThoiGian() {
if(inputTime.value <= inputTime.max)
divDisplay.textContent = 'Bạn đã dùng ' + inputTime.value + ' trên ' + inputTime.max;
else
divDisplay.textContent = 'Không được vượt quá: ' + inputTime.max;
}
</script>
</body>
</html>
Kết quả
- Ban đầu: "Giới hạn tối đa: 03:00:00".
- Nhập 02:30: "Bạn đã dùng 02:30:00 trên 03:00:00".
- Nhập 04:00: "Không được vượt quá: 03:00:00".
Kết hợp min + max: Dùng cả hai để giới hạn khung giờ cho phép (ví dụ: ca làm việc 08:00 - 17:00).