Cuál es la mejor manera de mostrar el selector de fecha para la aplicación web basada en iPhone. Podemos mostrar algo así como la fecha iPhone nativa selector como se muestra a continuación en la aplicación web:Selector de fecha para la aplicación web iPhone
La forma más fácil (y podría decirse que la mejor manera) es el uso de Safari construido en el selector de fechas para su cuadro de entrada usando HTML5 type = "fecha"
<input type="date" />
Esto me acaba de ahorrar TANTO tiempo y esfuerzo, me sentí muy bien simplemente pegar esto en mi sitio y ver el pequeño selector de fechas ingenioso aparecer en mi iPhone. – Andrew
¿Y qué hay de dejarlo cuando type = "date" doesnt? p.ej. diseño de sitio sensible? –
¡Esta debería ser la respuesta aceptada! – Myxtic
No se puede. El selector de fecha es un control nativo y no está disponible en Mobile Safari.
+1 como técnicamente correcto. No puede activar el selector de fecha nativo desde el navegador (que es un completo descuido por parte de Apple, en mi humilde opinión). La respuesta elegida también es correcta, ya que puede escribir JavaScript para emularla. –
puedes. Utilizando el puente javascript de UIWebView – cocoafan
Esto es compatible con iOS 5 –
Bueno, podría codificar el suyo si fuera realmente importante para usted.
Con suficiente trabajo, es probable que pueda verse y parecerse mucho al control nativo de Apple.
siente en un nivel visceral que sería mucho trabajo para ganancia limitada.
Hay una fecha de estilo nativo selector de iPhone que se ejecuta en el navegador - http://cubiq.org/spinning-wheel-on-webkit-for-iphone-ipod-touch/11
Esta biblioteca se ve y funciona muy bien en mi teléfono ... –
Ojalá podría marcar su respuesta como correcta, ¡gracias! – shek
En iOS5, puede usar (vea la respuesta de Kyle Gibbens), que abrirá el selector de fecha nativo en Mobile Safari o en una vista web. –
Sé que es una entrada antigua, pero para los futuros espectadores: Si está utilizando jQuery, puede intentar Mobiscroll, un selector de fechas personalizable optimizado para dispositivos táctiles. Se envía con iOS y piel de android también.
¡Ahora este marco se ve muy bien! –
@Tom, no requiere jQuery Mobile, requiere jQuery, Zepto.js o App Framework – dioslaska
¡Muy cierto, lo estoy usando ahora! Eliminaré mi comentario. –
En ASP.Net puede utilizar el cuadro de texto con el tipo de = "fecha".
<asp:TextBox type="date" runat="server" />
En un navegador compatible con Html5, tendrá un campo de fecha. En un navegador no compatible con Html5, tendrá un campo de texto simple.
Aunque la necesidad de registrar podría ser una antipatía, vale la pena evaluar Mobiscroll si desea proporcionar un respaldo consistente para los dispositivos ios (pre 5.x) y android (pre 4.x) más antiguos, y probablemente algunas otras plataformas , ya que promete ser compatible con jQMobi (ahora Intel appframework) y Zepto.
Hay un selector de fechas al estilo iPhone para HTML5 en Next-Point. Tal vez puedas cambiarlo para satisfacer tus necesidades.
<input type="date" />
código anterior NO funcionará en mozilla.
firefox no admite la fecha de tipo de entrada.
Ajuste la respuesta a una más apropiada. No necesitamos un paquete externo que cubiq utilice, ya que hay una manera más fácil. – Fallenreaper
Vea también http://stackoverflow.com/questions/4946919/invoke-native-date-picker-from-web-app-on-ios-android –