在輸入類型「日期」中禁用回覆日期條目

Question

我在我的項目中使用輸入類型日期而不是datepicker。我想在輸入類型日期中限制當前日期的返回日期。我知道如何限制datepicker中的返回日期，但我不想使用它。

因此請建議是否可以限制輸入類型日期（html）中的返回日期。

Answer 1

更改輸入的最小值在Javascript中，像這樣的：

document.getElementById("myDate").min = "2017-03-16"; 

Answer 2

如果你想擁有動態禁用過去的日期，

試試這個，

today = new Date(); // instantiating current date 
day = (today.getDate().length ==1 ? "0"+today.getDate() : today.getDate()); 
month = parseInt(today.getMonth())+1; 
month = (today.getMonth().length == 1 ? "0"+month : month); 
year = today.getFullYear(); 
current_date = new String(year+'-'+month+'-'+day); // creating new date and as per requirement of format of min for date input type 
document.getElementById("myDate").setAttribute('min',current_date); // assigning new date to element 

我希望這將有所幫助。

Answer 3

試試這個

var inputMyDate = document.querySelector('input#finaldate'); 

inputMyDate.addEventListener('input', function() { 
    var current = this.value;    
    var today = new Date();  
    var dd = today.getDate();  
    var mm = today.getMonth()+1; 
    var yyyy = today.getFullYear(); 
    if(dd<10){ 
     dd='0'+dd; 
    } 
    if(mm<10){ 
     mm='0'+mm; 
    } 
    var today = yyyy+'-'+mm+'-'+dd;      
    if (current < today){ 
     document.getElementById('finaldate').value = today; 
    }  
});