HTML5 [input type=Date]控件，最大日期在iPhone/Ipad中不起作用

Question

欢迎光临。

使用html日期输入控件。

input type="date“max="2014-13-11”

在chrome中，它识别‘max’属性，因此限制和禁用所有未来的日期

但是，同样的情况在iPad/iphone上不起作用。相反，它允许在iPad中选择未来的日期。

我搜索了一下，才知道ipad还不支持日期控件的Max属性。

附近有什么工作吗？或者任何点/方向都会对我很有帮助。

非常感谢。卡尔蒂克

Answer 1

iOS上的Safari不支持input="date"的属性max和min。

为此，您可以使用像Pikaday这样的JavaScript数据拾取器。参见下面的demo：

​

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。