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

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

Thuộc tính min của HTML DOM Input Date trả về/thiết lập thuộc tính min của Input date type.

Cú pháp

Cú pháp như sau:

  • Trả về giá trị chuỗi:
inputDateObject.min
  • Thiết lập min thành giá trị chuỗi:
inputDateObject.min = YYYY-MM-DD

Các giá trị chuỗi

Ở đây, 「YYYY-MM-DD」 có thể là các giá trị sau:

stringValueChi tiết
YYYYĐịnh nghĩa năm (vd: 1998)
MMĐịnh nghĩa tháng (vd: 05 cho tháng 5)
DDĐịnh nghĩa ngày (vd: 24)

Ví dụ

Dưới đây là ví dụ về thuộc tính Input Date min:

<!DOCTYPE html> <html> <head> <title>Input Date Min</title> </head> <body> <form> Chọn ngày: <input type="date" id="date" name="DateSelect" min="2000-01-01"> </form> <button onclick="getMinDate()">Thay đổi Min Date</button> <div id="divDisplay"></div> <script>    var inputDate = document.getElementById("date");    var divDisplay = document.getElementById("divDisplay");    divDisplay.textContent = 'Min của date input: '+inputDate.min;    function getMinDate() {       var oldInputDate = inputDate.max;       inputDate.min = '1998-07-01';       divDisplay.textContent = 'Min của date input: '+inputDate.min;    } </script> </body> </html>

Kết quả

Đoạn mã trên sẽ cho kết quả như sau:

Trước khi nhấn nút 『Thay đổi Min Date』:

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

Sau khi nhấn nút 『Thay đổi Min Date』:

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