入力タイプ 'date'の日付エントリを無効にします

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; 
    }  
});