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

IT技术 reactjs
2021-05-06 10:15:46

当日期选择器在浏览器上打开时，我想将默认日期设置为从今天开始的 3 天。我怎样才能做到这一点？

<input id="dateRequired" type="date" name="dateRequired" />
2个回答

您需要将日期转换为 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} />

参考ISOString方法。你也可以在这里看到结果

您需要从现在开始计算 3 天，然后将该值传递给 input 的 defaultValue 属性

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

<input id="dateRequired" type="date" name="dateRequired" defaultValue={date} />
其它你可能感兴趣的问题
上一篇未找到规则“simple-import-sort/sort”的定义 simple-import-sort/sort 下一篇React 钩子常量的 useMemo 与 useState