default input type date limit date js

Smiling Starling answered on January 21, 2022 Popularity 8/10 Helpfulness 5/10

answer default input type date limit date js

default input type date limit date js

Comment

// https://stackoverflow.com/questions/43274559/how-do-i-restrict-past-dates-in-html5-input-type-date
// 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;

    // or instead:
    // var maxDate = dtToday.toISOString().substr(0, 10);

    alert(maxDate);
    $('#txtDate').attr('min', maxDate);
});


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

Popularity 8/10 Helpfulness 5/10 Language javascript

Source: Grepper

Tags: date default input javascript limit

Link to this answer
Share Copy Link

Contributed on Jan 21 2022

Smiling Starling

0 Answers Avg Quality 2/10

default input type date limit date js

Contents

More Related Answers

default input type date limit date js

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.