React.js - 如何为输入日期类型设置默认值

Question

我想将默认日期设置为从浏览器上打开日期选择器的今天起3天。我该如何实现这一目标？

<input id="dateRequired" type="date" name="dateRequired" />

Answer 1

您需要将日期转换为iso字符串并获得前10个字符。 以下是处理问题的代码的和平：

var curr = new Date();
curr.setDate(curr.getDate() + 3);
var date = curr.toISOString().substr(0,10);
<input id="dateRequired" type="date" name="dateRequired" defaultValue={date} /> 

参考toISOString方法。 您还可以看到结果here

Answer 2

您需要从现在开始计算3天，然后将该值传递给输入

的defaultValue属性

var someDate = new Date();
var numberOfDaysToAdd = 3;
var date = someDate.setDate(someDate.getDate() + numberOfDaysToAdd); 

<input id="dateRequired" type="date" name="dateRequired" defaultValue={date} />