HTML5 输入类型日期禁用今天之前的日期

标签 html forms date

有没有办法在 HTML5 中禁用今天之前的日期?

<input type="date">

我试过了

<input type="date" min="<?php echo $today; ?>"> 

但这仅适用于桌面浏览器...safari mobile 仍然允许今天之前的日期。

最佳答案

输入的日期必须是ISO格式(手机浏览器支持)。

用纯 HTML5 不可能做到这一点。

但使用 Javascript,您可以执行以下操作:

<input name="setTodaysDate" type="date">

和;

var today = new Date().toISOString().split('T')[0];
document.getElementsByName("setTodaysDate")[0].setAttribute('min', today);

这个小脚本会将 min 更改为 ISO 格式的今天日期。

此处为实例:jsFiddle

关于HTML5 输入类型日期禁用今天之前的日期,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38638424/

相关文章:

python - 将 html 输入标签保存到 django 模型

javascript - 从表单中获取具有特定类的父标签的 id

ruby - 如何在 Ruby 中使用 mechanize 填写登录表单?

php - 如何使用 PHP 将此日期转换为 mySQL 时间?

sql - 如何在 SQL Server 中显示日期名称?

html - 重新定位嵌入的 Facebook 视频?

html - Css 使用颜色从继承颜色到另一个属性

javascript - jQuery 使用脚本附加 html

python - 获取 'str' 到 Django forms.FileField()

sql - 如何获取范围内一年中特定月份的天数总和