¿El selector de fecha no funciona?

Un usuario preguntó 👇

Hola, cuando uso etiquetas [date] ¿Se espera que aparezca la interfaz de usuario del selector de fechas después de hacer clic en el campo? Porque en mi caso actúa como un campo de texto normal, entonces estoy confundido qué es raro o cuál es la diferencia entre el campo normal y la fecha. ¿Puedes ayudarme por favor? Gracias.

Además, no estoy seguro de por qué funciona en Safari iOS pero no en Safari macOS.

Estoy usando las últimas versiones de todo, incluidos mi macOS y Safari.

Este tema fue modificado hace 2 años, 1 mes por. Este tema fue modificado hace 2 años, 1 mes por.

(@buzztone)

Hace 2 años, 1 mes

Contact Form 7 tiene compatibilidad con Datepicker a través del nuevo tipo de entrada de fecha HTML5 (consulte http://contactform7.com/date-field/) pero esto actualmente solo es compatible con algunos navegadores; consulte http://www.wufoo.com/html5/types/4-date.html

Contact Form 7 proporciona una copia de seguridad basada en la interfaz de usuario de jQuery para los campos de entrada de fecha y número. Mira http://contactform7.com/faq/does-contact-form-7-support-html5-input-types/

Ahora puede usar Contact Form Control 7 para implementar esto sin escribir ningún código; use la opción «Habilitar copia de seguridad del tipo de entrada HTML5».

(@pgronotte)

Hace 2 años, 1 mes

Hey, gracias por tu respuesta,

Abordé un problema similar con Safari y Datepicker. El problema es que la opción de copia de seguridad tampoco funciona. El campo de fecha (en Safari) espera la fecha en el siguiente formato: AAAA-MM-DD. Algo que dista mucho de ser intuitivo. ¿Tiene algún consejo sobre cómo solucionar este problema?

Todo lo mejor

Lanzador de hilos

(@smexhy)

Hace 2 años, 1 mes

Lo que es muy extraño es que safari en iPhobe es compatible con esto, pero safari en macOS no.

Probaré el plugin que te vinculó y te lo notificaré.

(@circumflexdesign)

Hace 1 año, 7 meses

Hola, Resolvió la opción de copia de seguridad en functions.php para mí. Algunas publicaciones más antiguas hablan sobre el mismo problema sobre un ajuste de CSS adicional, pero eso ya no parece ser necesario.

Sin embargo, el selector de fecha de respaldo solo muestra un campo en blanco hasta que se selecciona una fecha con el selector. Cuando un usuario quiere escribir la fecha, no tiene forma de consultar el formato esperado como se indicó anteriormente. El selector de fecha, por otro lado, es muy molesto de usar, ya que no hay un selector separado para el año. Esto significa que los usuarios tienen que volver a hacer clic mes tras mes hasta llegar al año deseado, o decidir escribir el año (fecha) en lugar de no conocer el formato. Una solución sería usar un marcador de posición que muestre el formato deseado, pero dado que el campo html puede usar 5 formatos diferentes (que creo que define el navegador y tal vez también diferente en cada navegador), esto tampoco se puede hacer.

Por lo tanto, los usuarios de safari (e IE) se quedan con una experiencia confusa y mala, de cualquier forma que decidan usar el dominio.

¿Hay alguna forma de definir el formato y utilizarlo en todos los casos (html5 o alternativo)? En relación con esto, se muestra el contenedor de html automático 5 que muestra el formato en el idioma del navegador, pero preferiría que el idioma sea coherente en todo el sitio web (no en inglés). ¿Hay alguna forma de solucionar este problema sin utilizar un ocupante fijo, ya que el formato no es estable?

Terminado; Me gustaría tener dos ubicaciones adicionales para el campo de fecha: 1: establecer el orden del día, mes y año 2: ubicación del campo (para que coincida con el idioma del sitio)

Esta fue una publicación larga, espero que no le importe que exponga su pregunta, ya que no quería comenzar otro hilo sobre el mismo tema.

(@ core365)

Hace 1 año, 5 meses

Hola, seguí teniendo el problema en Safari con el selector de fecha que solo muestra un campo en blanco y cuando hizo clic en él no sucedió nada y cuando intenté ingresar una fecha y enviar el formulario, solo guardé un mensaje de error que decía ‘El formato de fecha es incorrecto’. Después de buscar algunas horas para arreglar y probar cosas para ver si funcionan, encontré una combinación de 2 correcciones de diferentes personas publicadas en este foro que me funcionó:

Agregue este script a su function.php

add_filter( 'wpcf7_support_html5_fallback', '__return_true' );

Entonces necesitas esto en tu CSS personalizado:

div#ui-datepicker-div {z-index:1000!important;}

El campo de fecha todavía se ve en blanco, pero luego, cuando hace clic en el campo, el selector de fecha aparece mostrando el calendario.

¡Espero que funcione para otra persona como lo hizo para mí!

Esta respuesta fue modificada hace 1 año, 5 meses.