Estuve tratando de encontrar la causa de este problema, pero tengo un campo de entrada para la fecha y hora de Flatpickr, pero no abre el selector de fechas nativo de Iphone.
Esto solo sucede cuando el campo es obligatorio, en Iphone 11 y versiones anteriores, sin importar si es Safari o Chrome.
Otra cosa extraña es que también tenemos otros entornos y el selector de fecha se abre en ellos, pero el HTML para la entrada es el mismo.
Aquí está el html de entrada:
<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>Y el guión de Flatpickr:
document.addEventListener("DOMContentLoaded", function () { flatpickr("#DateOfBirth", { mode: 'single', maxDate: '1/10/2004 10:03:44 AM' }); });Video de los problemas: screencast.com/t/JOnB4CpZvg
¿Alguien tuvo el mismo problema antes? ¿Cómo solucionar este error?
Gracias
Leyendo la documentación de Flatpickr
Puede intentar usar la opción de configuración disableMobile .
Inhabilitar información de Mobile: establezca disabledMobile en verdadero para usar siempre el selector no nativo. De forma predeterminada, flatpickr utiliza widgets de fecha y hora nativos a menos que se usen ciertas opciones (deshabilitar).