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

Question

我使用html5日期选择器，如[输入类型="日期"]，

我只需要增加当前日期1.我的意思是只显示明天的日期和未来的日期，当前日期和以前的日期想要去禁用状态只显示未来的日期...

任何人请帮帮我。。

这是我的试用代码。

js prettyprint-override">// 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>

小提琴：代码在这里...

Answer 1

明天的日期是这样创建的：

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

Answer 2

试试这个：

// 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>