React中如何在日期选择时禁用未来日期(出生日期场景)
如何禁用日期选择器的未来日期?
我的现有代码如下:
<input type="date" value={defaultValue || "MM/DD/YYYY"} onChange={this.handleChange} />
想要在选择出生日期时禁用未来日期,该怎么实现?
解决方案
利用HTML5日期输入框的max属性,将其值设置为当前日期,就能限制用户只能选择当前及之前的日期,从而禁用未来日期。
具体代码实现:
// 获取当前日期的ISO格式(YYYY-MM-DD) var today = new Date().toISOString().split('T')[0];
<input type="date" onChange={this.handleChange} max={today} />
效果如下:
内容的提问来源于stack exchange,提问作者Curious_guy
相关产品推荐
相关产品推荐

