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中的更新。