禁用输入类型“日期”中的回溯日期条目

Question

我在我的项目中使用输入类型 date 而不是 datepicker。我想在输入类型日期中限制当前日期的回溯日期。我知道如何在 datepicker 中限制回溯日期，但我不想使用它。

因此请建议是否可以在输入类型日期 (html) 中限制回溯日期。

Answer 1

在 Javascript 中更改输入的最小值，如下所示：

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

Answer 2

试试这个

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