Thuộc tính min của đối tượng Input Time trong HTML DOM trả về hoặc thiết lập giá trị giờ nhỏ 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ị min
inputTimeObject.min
Thiết lập min
inputTimeObject.min = "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ó min="01:30:00" (1h30'). Kiểm tra thời gian đã nhập có đạt tối thiểu không:
<!DOCTYPE html>
<html>
<head>
<title>Input Time min</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-min</legend>
<label for="TimeSelect">Thời gian đã trôi: <input type="time" id="TimeSelect" value="00:00:00" min="01:30: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 = 'Thời gian chờ tối thiểu: ' + inputTime.min;
function kiemTraThoiGian() {
if(inputTime.value >= inputTime.min)
divDisplay.textContent = 'Bạn có thể rời phòng, đã chờ: ' + inputTime.value;
else
divDisplay.textContent = 'Chưa đủ thời gian, phải chờ đến: ' + inputTime.min;
}
</script>
</body>
</html>
Kết quả
- Ban đầu: hiển thị "Thời gian chờ tối thiểu: 01:30:00".
- Nhập 00:45, nhấn nút: "Chưa đủ thời gian, phải chờ đến: 01:30:00".
- Nhập 02:00, nhấn nút: "Bạn có thể rời phòng, đã chờ: 02:00:00".
Lưu ý: Trình duyệt sẽ ngăn chọn giờ nhỏ hơn min trên giao diện picker, nhưng vẫn cần validate lại ở JS/server vì người dùng có thể bypass.