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

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

3 个答案: