Html 5 [输入类型=日期]控件,MAX日期在iPhone/Ipad中不起作用

Question

问候.

使用html日期输入控件.

输入类型="日期"max ="2014-13-11"

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

但是,同样不适用于iPad/iphone.相反,它允许在iPad中选择未来的日期.

谷歌搜索并了解到ipad尚未支持日期控制的Max属性.

有什么工作吗？或任何点/方向对我来说真的很有帮助.

非常感谢.KARTHIK

Answer 1

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

您可以使用像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">

有关更多信息，请参阅 GitHub 上的文档。