限制H5 date日期控件所选日期不能晚于当前日期

道理其实很简单 只需要限制 max = ‘当前日期即可’

<input type="date" name="" value="" max="当前日期" class='limit-max-date'>

那么只需要动态设置max值即可 一定要遵循 YYYY-MM-DD

// 获取input 
var input1 = document.querySelector('.limit-max-date');
// 获取当前日期
var tDate  = (function(){
     var date = new Date();
    var seperator1 = "-";
    var month = date.getMonth() + 1;//月
    var strDate = date.getDate();//日
    if (month >= 1 && month <= 9) {
        month = "0" + month;
    }
    if (strDate >= 0 && strDate <= 9) {
        strDate = "0" + strDate;
    }
    return date.getFullYear() + seperator1 + month + seperator1 + strDate

})()
input1.setAttribute('max',tDate)// 设置max值为当前日期

至此就不能选择比今天更晚的日期,一般用于选择生日时间。