jQuery UI日期选择器未在移动iOS和Android上显示（但在桌面上显示）

Question

我在网站上使用jQuery UI日期选择器。

它在桌面浏览器上非常有效，当用户单击输入时日历会显示出来，我可以保存所选的日期。

我的问题是在移动设备（iOS和Android）上，日历未显示，并且我具有格式错误的本地iOS日期扇区：

在移动设备上，我看不到日期选择器：

在桌面上，它可以正常工作：

这是输入的html代码（Drupal 8上的自定义模块，因此html由Form API生成）：

<input type="date" data-drupal-selector="edit-date-debut" aria-describedby="edit-date-debut--description" data-drupal-date-format="Y-m-d" class="form-date required form-control hasDatepicker" id="edit-date-debut" name="date_debut" value="" required="required" aria-required="true" step="300">

我试图用JS强制日期格式（它在桌面上可用），但是我仍然有iOS日期选择器：

$("#edit-date-debut").datepicker({ dateFormat: 'dd-mm-yy' });

我试图将输入转换为文本输入，然后附加日期选择器。 仍然没有运气。

$("#edit-date-debut").attr('type','text');
$("#edit-date-debut").datepicker({ dateFormat: 'dd-mm-yy' });

现在，我能做的就是生成输入类型texte：

<input data-drupal-selector="edit-date-debut" aria-describedby="edit-date-debut--description" class="form-text required form-control hasDatepicker" type="text" id="edit-date-debut" name="date_debut" value="" size="60" maxlength="128" required="required" aria-required="true" readonly="readonly">

然后，我附加了日期选择器，它仍然可以在桌面上运行。 在移动设备上，我不再看到格式错误的本地日期选择器。 我仍然没有日期选择器日历，但用户可以在输入文本中键入日期。 所以这是第一步。

你知道我该怎么处理吗？

Answer 1

解决方法是不使用：

<input type="date">

但

<input type="text">

并附加一个日期选择器，例如jQuery Datepicker或Bootstrap Datepicker

在Safari中，我需要在私有模式下进行测试，因为Safari缓存中的某些例程阻止我查看JS中的更新。