Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> HTML

Thuộc tính min của HTML DOM Input Datetime

Thuộc tính min của đối tượng Input Datetime lấy hoặc thiết lập giá trị ngày giờ tối thiểu cho phép nhập.

Cú pháp

Lấy giá trị (chuỗi)

inputDatetimeObject.min

Thiết lập giá trị

inputDatetimeObject.min = "YYYY-MM-DDThh:mm:ssTZD"

Định dạng chuỗi giá trị

Thành phầnMô tả
YYYYNăm (ví dụ: 1998)
MMTháng (01-12, ví dụ: 05)
DDNgày (01-31, ví dụ: 24)
TKý tự phân tách ngày và giờ (bắt buộc)
hhGiờ (00-23, ví dụ: 12)
mmPhút (00-59, ví dụ: 48)
ssGiây (00-59, ví dụ: 00)
TZDChỉ định múi giờ (ví dụ: Z, +07:00, -05:00)

Ví dụ minh họa

<!DOCTYPE html>
<html>
<head>
<title>Input Datetime Min</title>
</head>
<body>
<form>
  Ngày & Giờ: <input type="datetime" id="dateTime" name="DateSelect" value="2009-6-24T20:49Z" min="2008-12-31T23:59:59Z">
</form>
<button onclick="minDateDecrease()">Giảm mốc tối thiểu</button>
<div id="divDisplay"></div>
<script>
  var inputDatetime = document.getElementById("dateTime");
  var divDisplay = document.getElementById("divDisplay");
  divDisplay.textContent = 'Mốc tối thiểu: ' + inputDatetime.min;
  function minDateDecrease() {
    inputDatetime.min = '2010-12-31T23:59:59Z';
    divDisplay.textContent = 'Mốc tối thiểu mới: ' + inputDatetime.min;
  }
</script>
</body>
</html>

Kết quả

Hiển thị giá trị min hiện tại, sau khi nhấn nút cập nhật sang mốc mới.