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

Question

问候。

使用 html 日期输入控件。

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

在 chrome 中它识别'max'属性因此限制和禁用所有 future 的日期

但是，这在 iPad/iphone 中不起作用。相反，它允许在 iPad 中选择 future 的日期。

google了一下才知道ipad还不支持日期控件的max属性。

有解决办法吗？或任何要点/方向对我来说真的很有帮助。

非常感谢。卡尔提克

Answer 1

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

您可以使用像 Pikaday 这样的 JavaScript 数据选择器为了这。请参阅下面的演示:

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 .