How do I restrict past dates in html5 input type Date

前端 未结 7 2135
天命终不由人
天命终不由人 2020-12-10 16:40

I am trying to restrict past dates in input type=\"date\".I can able to restrict future dates,But I don\'t have idea about restricting past dates.

7条回答
  •  谎友^
    谎友^ (楼主)
    2020-12-10 17:23

    You can try this

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

提交回复
热议问题