當 iOS 中需要輸入字段時，Flatpickr 不會打開

Question

一直試圖找出這個問題的原因，但我有一個 Flatpickr 日期時間的輸入字段，但它沒有打開本機 Iphone 日期選擇器。

只有在需要該字段時才會發生這種情況，在 Iphone 11 及以下版本上，無論是 Safari 還是 Chrome。

另一件奇怪的事情是我們也有其他環境，日期選擇器在這些環境中打開，但輸入的 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>

和 Flatpickr 腳本：

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

問題視頻： screencast.com/t/JOnB4CpZvg

以前有人遇到過同樣的問題嗎？ 如何解決這個錯誤？

謝謝

Answer 1

閱讀 Flatpickr 的文檔

您可以嘗試使用配置選項disableMobile 。

disableMobile 信息：將 disableMobile 設置為 true 以始終使用非本地選擇器。 默認情況下，除非使用某些選項（禁用），否則 flatpickr 使用本機日期時間小部件。