如何在html5输入类型Date中限制过去的日期

Question

我试图限制过去的日期.input type="date"我可以限制未来的日期,但我不知道限制过去的日期.

$(function(){
    var dtToday = new Date();
    
    var month = dtToday.getMonth() + 1;
    var day = dtToday.getDate();
    var year = dtToday.getFullYear();
    if(month < 10)
        month = '0' + month.toString();
    if(day < 10)
        day = '0' + day.toString();
    
    var minDate= year + '-' + month + '-' + day;
    
    $('#txtDate').attr('min', minDate);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="date" id="txtDate" />

有什么建议吗？

Answer 1

通过编程，您可以执行类似的操作来禁用过去的日期可供选择：

<input type='date' min={new Date().toISOString().split('T')[0]} />

Answer 2

这是一个 PHP 解决方案，它获取今天的日期并将其设置为最小值。

<input type="date" id="txtDate" min="<?php echo date("Y-m-d"); ?>">

这将把它放在正确的日期和月份的两位数格式中。https://www.php.net/manual/en/function.date.php

Answer 3

你可以试试这个

 var maxDate = year + '-' + month + '-' + day;
    alert(maxDate);
    $('#txtDate').attr('min', maxDate);

 var maxDate = year + '-' + month + '-' + day;
    alert(maxDate);
    $('#txtDate').attr('min', maxDate);

$(function(){
    var dtToday = new Date();
    
    var month = dtToday.getMonth() + 1;
    var day = dtToday.getDate();
    var year = dtToday.getFullYear();
    if(month < 10)
        month = '0' + month.toString();
    if(day < 10)
        day = '0' + day.toString();
    
    var maxDate = year + '-' + month + '-' + day;
    alert(maxDate);
    $('#txtDate').attr('min', maxDate);
});

Answer 4

希望下面的代码可以帮助你.这是正常的HTML5代码:

/*Enter a date before 1980-01-01:*/
<input type="date" name="bday" max="1979-12-31">

/*Enter a date after 2000-01-01:*/
<input type="date" name="bday" min="2000-01-02">

看工作环节