Selector de zonas horarias — Lista HTML de zonas IANA

Un <select> de zonas horarias completo con todas las zonas horarias IANA (America/New_York, Europe/Berlin), etiquetas con el desfase UTC actual y la ciudad, grupos por región opcionales, ordenadas por desfase o por nombre.

Actualizado el

Vista previa

Tus datos nunca salen de tu ordenador. Todo se procesa localmente en tu navegador.

Cómo usar: Selector de zona horaria

  1. La página empieza con Zonas horarias; las etiquetas muestran el desfase UTC actual y la ciudad.
  2. Agrupa por región (América, Europa, Asia…) y ordena por desfase o por nombre.
  3. Mantén el nombre IANA como valor: los desfases cambian con el horario de verano, los nombres de zona no.
  4. Copia el HTML, React, Vue o JSON.

Guarda nombres de zona, no desfases

Un desfase como UTC−05:00 cambia dos veces al año con el horario de verano, así que guarda el nombre IANA (America/New_York) y calcula el desfase cuando lo necesites: Intl.DateTimeFormat, PostgreSQL, Java y Python aceptan estos nombres. Los desfases de las etiquetas se calculan hoy, a partir de los datos de zona horaria de tu navegador.

También se busca como: dropdown zona horaria html, lista de zonas horarias iana, selector de zona horaria html, lista zonas horarias select, zona horaria dropdown, desfase utc select, lista de zonas horarias html.

Herramientas que combinan con: Selector de zona horaria

  • Generador de Select — Deja de escribir las listas de opciones a mano.
  • Desplegable de países HTML — Obtén un <select> de países completo y actualizado con un solo clic: los 249 países y territorios de ISO 3166, con códigos ISO como valores, emoji de banderas opcionales, grupos por continente y tus países más usados fijados arriba.
  • Desplegable de estados de EE. UU. — Un select de estados de EE.
  • Generador de tablas HTML — Escribe tus datos en un editor tipo hoja de cálculo o pega desde Excel o Google Sheets, y copia código de tabla HTML limpio y semántico con <thead>, <tbody> y alineación, listo para una web, un CMS o un correo.

Preguntas frecuentes

¿Por qué cambia el desfase de la etiqueta?
Las etiquetas muestran el desfase de cada zona en este momento. Durante el horario de verano, zonas como Europe/Berlin pasan de UTC+01:00 a UTC+02:00; otra razón para guardar el nombre de la zona como valor.
¿Puedo obtener la lista en otro idioma?
Sí. Los nombres de países, idiomas, monedas, meses y días de la semana provienen de las traducciones integradas de tu navegador: elige el idioma de las etiquetas y toda la lista se traduce y ordena según ese idioma.
¿Qué formatos puedo exportar?
Un Esc
    ↑↓ navegar↵ abriresc cerrarVer todas las herramientas →