How to increment date and how to disable previous dates in 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..

Hello, Replace the code line with below var date = new String(yr + '-' + mon + '-' + day); To var date = new Date(yr + '-' + mon + '-' + day); — Hitesh Gohel, Jan 03 '20 at 12:04
See here: https://stackoverflow.com/questions/3674539/incrementing-a-date-in-javascript — jefi, Jan 03 '20 at 12:10

Ritesh Khandekar · Accepted Answer · 2020-01-03T12:30:44.850

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>

Just set `input.value = date` – Ritesh Khandekar Jan 03 '20 at 12:31 — Ritesh Khandekar, Jan 03 '20 at 12:31

score 1 · Answer 2 · answered Jan 03 '20 at 12:22

1

Tomorrows date is smart created like that:

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

answered Jan 03 '20 at 12:22

jefi

185
1
13

How to increment date and how to disable previous dates in javascript?

2 Answers2