How can i disable the previous dates in html code?

Question

I tried so many ways I found online and nothing works for me. Please help me figure out and thanks alot.

Here is my codes. Now I just use simple date/calendar because I couldn't find anything else. It works fine but I need the system to not to be able to select previous date.

<!-- Date -->
<div class="box-body">
    <div class="form-group">
        <label class="col-sm-2 control-label">Date:</label>
        <div class="col-sm-10">
            <input type="date" name="date"/>
        </div>
    </div>
</div><!-- /.box-body -->

Can you please post your whole code for better understanding. @Sam — abidkhanweb
– abidkhanweb, Commented Oct 29, 2015 at 6:48
Hi. This is actually the whole codes for my date attribute. I didnt use any jquery or javascript. — Sam
– Sam, Commented Oct 29, 2015 at 8:40

Arjun · Accepted Answer · 2015-10-29 07:03:56Z

4

use min attribute of the element

 <input id='myDate' type="date" name="date" min="2015-10-28"/>

 document.getElementById("myDate").min = new Date().getFullYear() + "-" +  parseInt(new Date().getMonth() + 1 ) + "-" + new Date().getDate()

Date:
<input type="date" id="myDate" name="bday" min="2015-10-28" >


<p><strong>Note:</strong> input elements with type="date" are not supported in Internet Explorer or Firefox.</p>

edited Oct 29, 2015 at 7:03

answered Oct 29, 2015 at 6:50

Arjun

2,2371 gold badge19 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Sam Over a year ago

and how to get the date before (which is 28-10-2015 for today) by default? I mean I dont want to hard code the date.

Sam Over a year ago

and i forgot, Thank you for the answer :D

Collectives™ on Stack Overflow

How can i disable the previous dates in html code?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related