如何在我的html5日期输入上设置最大值,以便可以通过Safari的Safari识别?

Ale*_*xis 6 html5 date input datepicker ios

标题很清楚,我猜?

这是我的日期输入:

<input type="date" id="birthdate" name="birthdate" value="" max="1993-12-07" required/>
Run Code Online (Sandbox Code Playgroud)

在chrome中,我不能使用该字段的小箭头输入优于1993-12-07的日期(但如果我自己写日期,我可以).

在iOS的safari中,关注该领域只会带来一个不错的日期选择器.但是,此日期选择器不限于"max"属性.那我该怎么办呢?当然,我有一个服务器端表单验证,但我也想在客户端进行验证.任何的想法?谢谢!

aWe*_*per 7

Safari尚不支持它.截至2011年11月,只有Opera和Chrome支持它.无论如何,这里是w3spec http://www.w3.org/TR/html-markup/input.date.html#input.date.attrs.max

您可以在提交或更改时使用js验证.使用您选择的js验证框架

这是纯粹的js示例http://www.roseindia.net/answers/viewqa/Ajax/4734-start-date-and-end-date-validation-in-javascript.html.使用您的最长日期而不是结束日期

对于jquery解决方案,请查看此验证结束日期大于jQuery的开始日期

  • 即使到了 2020 年 1 月,移动端 Safari 仍然不支持日期的 max 和 min 属性(iOS 13.0) (2认同)