如何在javascript中增加日期以及如何禁用以前的日期？

Question

Im using html5 datepicker like [input type="date"],

I just need to increment current date + 1. i mean show the tomorrow date and future dates only, the current date and previous dates wants to go disable state only show the future dates..

anyone please help me..

here is my tried code.

 // Disable date var input = document.getElementById("preDate"); var today = new Date(); var day = today.getDate()+1; var mon = new String(today.getMonth()+1); //January is 0! var yr = today.getFullYear(); if (mon.length < 0) { mon = "0" + mon; } var date = new String(yr + '-' + mon + '-' + day); input.disabled = false; input.setAttribute('min', date);

 <div class="form-group col-3 rfdate"> <label class="col-sm-6 control-label p-sm-0">Refund Date</label> <input type="date" class="form-control" id="preDate" name="preDate" /> </div>

Fiddle: Code Here..

Answer 1

Try this:

 // Disable date var input = document.getElementById("preDate"); var today = new Date(); var day = today.getDate()+1; var mon = new String(today.getMonth()+1); //January is 0! var yr = today.getFullYear(); if (mon.length > 0) { mon = `0${mon}`; } if (day < 10) { day = `0${day}`; } var date = `${yr}-${mon}-${day}`; input.disabled = false; input.setAttribute('min', date); input.value = date; console.log(date);

 <div class="form-group col-3 rfdate"> <label class="col-sm-6 control-label p-sm-0">Refund Date</label> <input type="date" class="form-control" id="preDate" name="preDate" /> </div>

Answer 2

Tomorrows date is smart created like that:

var tomorrow = new Date();
tomorrow.setDate(tomorrow.getDate() + 1);