限制 HTML5 日期输入中的未来日期

我想限制用户只能在 HTML 日期输入中添加未来日期。

我想添加 HTML5 日历，而不是 jQuery UI 日期选择器。谁能告诉我如何将输入限制为未来日期？

您可以使用 HTML5 输入日期的 min 和 max 属性

HTML5代码

<input type="date" name="bday" min="2014-05-11" max="2014-05-20">

EDIT

你需要使用jQuery来实现它

jQuery 代码

$(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;    
    $('#txtDate').attr('max', maxDate);
});

解释HTML5 输入日期的 max 属性采用两位数格式的月份和日期。

例如：5（月）无效，而 05（月）有效 例如：1（日）无效，而 01（日）有效

所以我添加了下面的代码

if(month < 10)
   month = '0' + month.toString();
if(day < 10)
   day = '0' + day.toString();

检查我更新的小提琴

Refer 小提琴演示