javascript - idioma - Tipo de entrada HTML 5="fecha" no funciona en Firefox

jquery datetimepicker example

Question

Estoy usando HTML5 <input type="date" /> , que funciona bien en Chrome y obtengo la ventana emergente del calendario para seleccionar la fecha.

Pero en Firefox actúa como un cuadro de texto y no aparece ningún calendario.

Después de investigar un poco, veo pocas soluciones que usan webshims, modenizr, etc ... pero no quiero usar jQuery.

¿Hay alguna alternativa para esto? ¿Cómo puedo hacer que funcione en Firefox?

Answer 1

Ahora está funcionando. Desde Firefox 53, puede activarlo en about:config habilitando la opción dom.forms.datetype . Consulte http://caniuse.com/#feat=input-datetime y https://developer.mozilla.org/en-US/Firefox/Experimental_features

Answer 2

Qué versión de Firefox está utilizando. Las versiones inferiores de Firefox de menos de 30 no son compatibles con la mayoría de las funciones html5 y el tipo de entrada html5 = "fecha" no es compatible con Firefox. Para obtener más detalles, consulte: http://caniuse.com/#feat=input-datetime .

1. El navegador Firefox no proporciona soporte completo para html5, pero la mayoría de las funciones son compatibles con versiones superiores a 30.
2. Lo más conveniente fue usar jetery o bootstrap datetimepicker para seleccionar la fecha. Se admitirá en todos los tipos de navegador.

Answer 3

Utilizo 6 cuadros de selección HTML, para los diversos elementos, con sentencias OPTION para los valores correctos:

año 2000-2050 (o el rango que elija) mes 1-12 (puede hacer que muestre los nombres de los meses) día 1-31 hora 0-23 (o use 12 medianoche - 11 PM, esto solo cambia la pantalla) minuto 0- 59 segundos 0-59 (o simplemente asumir 0)

No se necesita Javascript, aunque uso algunos para evitar selecciones no válidas (como el 30 de febrero). Esto se activa en el cambio de mes o año.

Answer 4

EDITAR : desde Firefox 57, <input type="date"/> es parcialmente compatible .

Firefox no es compatible con HTML5 <input type="date"/> todavía.

Tienes dos opciones:

• utilice siempre un selector de fecha y hora de Javascript, o
• verifique si el navegador es compatible con esa etiqueta, si es así, úsela, si no es así, utilice el selector de fechas de javascript (jQuery o algún otro).

Esto se llama Detección de características , y Modernizr es la biblioteca más popular para esto.

Usar siempre un selector de fecha con javascript es más fácil y rápido, pero no funciona con javascript deshabilitado (a quién le importa), funcionará muy mal en el móvil (esto es importante) y olerá a antiguo.

En su lugar, utilizar el enfoque híbrido le permitirá cubrir todos los casos, hasta el día en que todos los navegadores admitan el selector de fecha HTML5, de una manera estandarizada y sin necesidad de javascript en absoluto. Está preparado para el futuro, y esto es especialmente importante en la navegación móvil , donde los selectores de fechas de javascript son casi inutilizables.

Este es un ejemplo de inicio para hacer eso en cada elemento <input type="date"/> de cada página automáticamente:

<script>
    $(function(){           
        if (!Modernizr.inputtypes.date) {
        // If not native HTML5 support, fallback to jQuery datePicker
            $(''input[type=date]'').datepicker({
                // Consistent format with the HTML5 picker
                    dateFormat : ''yy-mm-dd''
                },
                // Localization
                $.datepicker.regional[''it'']
            );
        }
    });
</script>

Utiliza jQuery porque yo uso jQuery, pero usted es libre de sustituir las partes jQuery con javascript de vainilla, y la parte del selector de fecha con un selector de fecha de javascript de su elección.

Answer 5

`input type="date"` is not supported on mozilla

Compruebe el link para la lista de eventos compatibles