Tue. Mar 5th, 2024

Top 22 Free Open Source Date, Time, Date Picker, and Calendar JavaScript Libraries for React

By admin Jan 30, 2024

Las bibliotecas JavaScript Datepicker y Calendar son herramientas de código abierto que los desarrolladores pueden utilizar para agregar funcionalidad de selección de fecha y hora a sus aplicaciones web. Estas bibliotecas proporcionan componentes prediseñados que se pueden integrar fácilmente en un proyecto, ahorrando tiempo y esfuerzo. Las bibliotecas mencionadas en este documento, como React Date Picker y React Big Calendar, están diseñadas específicamente para su uso en aplicaciones React.

Aquí hay algunas bibliotecas gratuitas y de código abierto para React que se pueden usar para funciones de fecha, reloj, selector de fecha y calendario:

1- Calendario de reacción

Esto es un sencillo y ligero biblioteca de calendario para React. Sus características incluyen:

  • Elija días, meses, años o incluso décadas
  • Admite selección de rango
  • Admite prácticamente cualquier idioma
  • No se necesita moment.js

2- Fechas de reacción

Fechas de reacción es una biblioteca de selección de fechas para la web, fácil de internacionalizar, accesible y compatible con dispositivos móviles.

3- Calendario

Calendario es una biblioteca React que admite años, meses y días. Es fácil de instalar, configurar y usar.

4- calendario rc

Aún otra Calendario de reacción y selector de fechas. Viene con soporte para atajos útiles y muchas otras características útiles:

  • compatible con ie9, ie9+, chrome, Firefox, safari
  • fecha de soporte, mes, año, panel de selección de década
  • número de semana de soporte
  • admite la configuración regional (UI) en_US y zh_CN, use moment.utcOffset para configurar la zona horaria
  • Soporta accesibilidad aria y teclado.

5- Reaccionar Gran Calendario

Un Calendario de eventos componente creado para React y diseñado para navegadores modernos (léase: no IE) y utiliza flexbox en lugar del enfoque clásico de subtítulos de tablas.

6- rango de fechas de reacción

A biblioteca de fechas Componente React independiente para elegir fechas y rangos de fechas. Utiliza date-fns para operaciones de fechas.

7- Reaccionar calendarios nativos

A multiplataforma declarativa Componente de calendario React Native para iOS y Android.

Características

  • JS puro. No se requiere código nativo
  • Marcado de fecha: punto, varios puntos, punto, varios periodos y marcado personalizado
  • Personalización de estilo, contenido (días, meses, etc) y fechas.
  • Documentación detallada y ejemplos.
  • Calendario deslizable con representación personalizada flexible
  • Desplazarse hasta hoy, seleccionar fechas y más
  • Permitir o bloquear ciertas fechas
  • Soporte de accesibilidad
  • Formato automático de fecha para diferentes configuraciones regionales

8- Objeto de fecha

Objeto de fecha es una biblioteca JavaScript React para trabajar con fecha y hora en diferentes calendarios y locales

9- Calendario

calendario es una biblioteca de Calendario de código abierto rica en funciones que agrega funciones interesantes en sus proyectos de React.

10- Reaccionar fecha y hora

una fecha y hora recogedor en el mismo componente React.js. Se puede utilizar como selector de fecha, selector de hora o ambos al mismo tiempo. Es altamente personalizable y incluso permite editar los milisegundos de la fecha.

11- Reaccionar selector de día

selector de día es un componente selector de fechas para React. Representa un calendario mensual para seleccionar días. DayPicker es personalizable, funciona muy bien con campos de entrada y se le puede diseñar para que coincida con cualquier diseño.

Características:

  • Selecciona días, rangos o lo que sea
  • usando fecha-fns como biblioteca de fechas
  • Localizable a cualquier idioma
  • Navegación por teclado
  • WAI-ARIA apoyo
  • Escrito en TypeScript
  • Fácil de diseñar y personalizar
  • Admite múltiples calendarios
  • Campos de entrada fáciles de integrar

12- Reaccionar-Viaje-Fecha

Reaccionar-viaje-fecha es un selector de fecha/rango totalmente personalizable para sus aplicaciones React. Admite temas, diseño responsivo, calendarios Jalali y gregoriano, y viene con soporte completo para Day.js.

13- reaccionar-calendario-z

reaccionar-calendario-z es otra biblioteca de calendario más para proyectos de React.

15- calendario-programador-reaccionar

A aplicación de calendario con eventos que puedes descargar, instalar y usar. Puedes consultar la demostración en Netlificar.

16- calendario-rango-fecha-reacción

Calendario de reacción para elegir el rango entre dos fechas y fácilmente personalizable.

17- Planificador personalizado

Planificador personalizado es una aplicación web de planificación diaria para dispositivos móviles que permite al usuario crear una cuenta, seleccionar un día del calendario y crear una lista de tareas pendientes. Edite, borre o complete tareas pendientes creadas. Cada tarea pendiente no completada se traslada al día siguiente. Las listas de tareas pendientes se actualizan mensualmente.

Esta es una etapa inicial de un proyecto con el que he soñado. No puedo encontrar una aplicación de planificación que se adapte a mis preferencias, estoy trabajando en la creación de una agenda personalizable.

18- Cronología de recursos de reacción

A pequeño componente de reacción para representar eventos en una línea de tiempo.

19- Selector de fechas modular

A Selector de fechas modular con soporte de rango de fechas para proyectos React.

20- rb-selector de fechas

A fecha y hora selector para React usando bootstrap.

21- selector de días de reacción

Esto es un simple, componente de selección de fechas flexible para React. Es altamente personalizable y localizable, con soporte ARIA y sin dependencias externas. El tamaño del componente es de sólo 9 KB cuando está comprimido con gzip.

22- r-selector de citas

Una reacción Selector de fechas con soporte multilingüe.

Estas bibliotecas pueden ahorrar tiempo y esfuerzo en la implementación de estas funcionalidades y pueden personalizarse para adaptarse a las necesidades específicas de un proyecto.

Etiquetas

JavaScript Lista de código abierto React Desarrollo web TypeScript Basado en web

By admin

Related Post

Leave a Reply

Your email address will not be published. Required fields are marked *