widgets pestañas number jquery jquery-ui datepicker

pestañas - jquery ui widgets tabs



jQuery UI Datepicker no funciona en iOS (1)

Tengo un formulario de búsqueda con un par de campos de fecha en los que estoy felizmente usando el datepicker de jQuery UI:

<input class="formFields datepicker" id="arrival" name="arrival" required="" placeholder="Arrival" readonly="true" type="text"> <input class="formFields datepicker" id="departure" name="departure" required="" placeholder="Departure" readonly="true" type="text"> $( ".datepicker" ).datepicker();

Esto da como resultado una ventana emergente de fechador bastante agradable y agradable para el ojo en los navegadores de escritorio:

Pero por alguna razón, en iPhone y iPad, tocar los campos no hace nada. Este es el caso tanto en Chrome como en Safari.

He usado lo siguiente para verificar si el evento click se está reconociendo (es):

$(".datepicker").click(function(){ alert("clicked me"); });

También intenté modificar el campo de entrada para escribir la fecha en lugar de texto:

<input class="formFields datepicker" id="arrival" name="arrival" required="" placeholder="Arrival" type="date">

pero esto realmente no funciona como una solución (y en realidad es lo que me empujó a utilizar el jQuery datepicker en primer lugar) por un par de razones.

  • el texto del marcador de posición no se reconoce, por lo que el campo aparece en blanco o con "mm / dd / aaaa" allí, en lugar de "Llegada"
  • el datepicker predeterminado se debe usar en el escritorio, lo que realmente no es tan atractivo, al menos en comparación con lo que tengo actualmente

podría ser un poco tarde

Lo resolví comentando un enlace (''mousemove'' ...), parece que ese evento está causando que iOS Chrome y Safari (en mi caso) no respondan.

Comenté el código y el código volvió a funcionar. pero necesitaba Mousemove para PC, así que envolví el mousemove en una declaración móvil.

if (window.innerWidth < 480) { $(document).bind(''mousemove'', function (e) { // something that work on PC. }) }

tal vez es estúpido usar innerWidth 480 para detectar dispositivos móviles. pero te dará una idea de cómo se puede resolver esto.

También podría envolver el método bind si se usa mucho. hay una biblioteca http://touchpunch.furf.com/ que no parece ser completamente funcional, pero atrapa la idea.