HTML 5 [input type = Date]控件，MAX日期在iPhone/Ipad中不起作用

问候。

使用html日期输入控件。

输入type =“date” max =“2014-13-11”

在Chrome浏览器中，其识别为“最大”属性，因此限制并禁用了所有将来的日期

但是，在iPad/iphone中同样无法正常工作。相反，它允许在iPad中选择将来的日期。

搜索并得知ipad尚不支持日期控件的Max属性。

有什么解决方法吗？或任何观点/方向都会对我有真正的帮助。

非常感谢。
卡尔提克

最佳答案

iOS上的Safari不支持max的属性min和input="date"。
您可以为此使用JavaScript数据选择器，例如Pikaday。请参见下面的演示:

var today = new Date();
var lastMonth = new Date().getMonth() - 1;

var picker = new Pikaday({
  field: document.getElementById('datepicker'),
  maxDate: today,  // maximum/latest date set to today
  // demo only
  position: 'top left',
  reposition: false
});

<!-- Pikaday Library -->
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/pikaday/css/pikaday.css">
<script src="https://cdn.jsdelivr.net/npm/pikaday/pikaday.js"></script>

<!-- Datepicker Input -->
<label for="datepicker">Date</label>
<input type="text" id="datepicker">

有关更多信息，请refer to the documentation on GitHub。