You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.20 21:24:28