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

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

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

Cú pháp

Cú pháp như sau:

  • Trả về giá trị chuỗi:
inputDateObject.max
  • Thiết lập max thành giá trị chuỗi:
inputDateObject.max = 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 max:

<!DOCTYPE html> <html> <head> <title>Input Date Max</title> </head> <body> <form> Chọn ngày: <input type="date" id="date" name="DateSelect" max="2018-12-31"> </form> <button onclick="getMaxDate()">Thay đổi Max Date</button> <div id="divDisplay"></div> <script>    var inputDate = document.getElementById("date");    var divDisplay = document.getElementById("divDisplay");    divDisplay.textContent = 'Max của date input: '+inputDate.max;    function getMaxDate() {       var oldInputDate = inputDate.max;       inputDate.max = '2020-12-31';       divDisplay.textContent = 'Max của date input: '+inputDate.max;    } </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 Max Date』:

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

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

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