Thuộc tính tối thiểu tháng đầu vào của HTML DOM trả về và sửa đổi giá trị của thuộc tính tối thiểu của trường đầu vào kiểu =”tháng” trong tài liệu HTML.
Cú pháp
Sau đây là cú pháp -
1. Tối thiểu trả lại
object.min
2. Sửa đổi tối thiểu
object.min = “YYYY-MM”
Ở đây, YYYY đại diện cho năm và MM đại diện cho tháng như “2019-02”
Ví dụ
Hãy để chúng tôi xem một ví dụ về thuộc tính tối thiểu tháng đầu vào HTML DOM -
<!DOCTYPE html> <html> <head> <style> html{ height:100%; } body{ text-align:center; color:#fff; background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) center/cover no-repeat; height:100%; } p{ font-weight:700; font-size:1.1rem; } input{ display:block; width:35%; border:2px solid #fff; background-color:transparent; color:#fff; font-weight:bold; padding:8px; margin:1rem auto; } .btn{ background:#0197F6; border:none; height:2rem; border-radius:2px; width:35%; margin:2rem auto; display:block; color:#fff; outline:none; cursor:pointer; } .show{ font-size:1.5rem; font-weight:bold; } </style> </head> <body> <h1>DOM Input month max/min property Demo</h1> <p>Hi, Do you need leave from your work?</p> <p>If yes then select your desired one month between April & August:</p> <input type="month" class="monthInput" min="2019-04" max="2019-08"> <button onclick="showMySelection()" class="btn">Show Result</button> <div class="show"></div> <script> function showMySelection() { var monthInput = document.querySelector(".monthInput"); var showMsg = document.querySelector(".show"); if(monthInput.value === ''){ showMsg.innerHTML="Please Select!!"; } else { showMsg.innerHTML=monthInput.value; } } </script> </body> </html>
Đầu ra
Điều này sẽ tạo ra kết quả sau -
Chọn bất kỳ tháng nào (giữa tháng 4 và tháng 8) bằng cách sử dụng trường nhập tháng -
Sau khi chọn, nhấp vào “ Hiển thị kết quả ”Để hiển thị tháng đã chọn -