当 iOS 中需要输入字段时，平面拾取器不会打开

Question

我一直在努力寻找这个问题的原因，但我有一个Flatpacker日期时间的输入字段，但它没有打开本机Iphone日期选择器。

只有在需要字段时才会发生这种情况，无论是Safari还是Chrome，在Iphone 11及以下版本上都是如此。

另一件奇怪的事情是，我们也有其他环境，日期选择器在这些环境中打开，但输入的HTML是相同的。

这是输入html:

<div class="form__field-group u-full-width  dw-mod">
<div class="u-full-width"> 
<label for="DateOfBirth" class="u-pull--left">Date Of Birth <span class="required dw-mod">*</span></label>
</div>
<input id="DateOfBirth" required="true" name="DateOfBirth" type="hidden" value="2004-01-01" class="u-full-width dw-mod flatpickr-input">
<input class="u-full-width dw-mod flatpickr-input flatpickr-mobile" step="any" tabindex="1" type="date" required="" placeholder="" value="2004-01-01" max="2004-10-03">
</div>

和Flatpacker脚本：

document.addEventListener("DOMContentLoaded", function () {
flatpickr("#DateOfBirth", {
mode: 'single',
maxDate: '1/10/2004 10:03:44 AM'
});
});

问题视频：screencast.com/t/JOnB4CpZvg

以前有人有同样的问题吗？如何解决这个bug？

感谢

Answer 1

阅读Flatpackr 的文档

您可以尝试使用配置选项disableMobile。

disableMobile信息：将disableMobile设置为true可始终使用非本机选取器。默认情况下，除非使用某些选项(禁用(，否则flatpacker会使用本机日期时间小部件。