Blazor Scheduler - Un Componente Flexible de Calendario de Eventos
- Vea eventos vibrantes en vistas: día, semana, mes, agenda, año o línea de tiempo.
- Muestre múltiples calendarios en un solo diseño con eventos agrupados.
- Sincronice eventos fácilmente con los calendarios de Google y Outlook.
Quick Overview Video
Confiado por las empresas líderes del mundo
Resumen
El Blazor Scheduler es un componente de calendario de eventos con todas las funciones que ayuda a los usuarios a administrar su tiempo de manera eficiente. Facilita la programación de recursos y la reprogramación de eventos o citas a través de ventanas emergentes de edición, arrastrar y soltar, y acciones de redimensionamiento.
¿Por qué elegir Syncfusion Essential Studio® Blazor Scheduler?
Alto rendimiento
El Blazor Scheduler carga datos bajo demanda por defecto para reducir los tiempos de transferencia y carga. El mapeo adecuado de campos es obligatorio al vincular el Scheduler a fuentes de datos con diferentes nombres de campo.
Enlace de datos sin interrupciones
Enlace datos sin problemas con varias fuentes de datos locales y remotas como JSON, OData, WCF y servicios web RESTful con la ayuda de un administrador de datos.
Vistas integradas
Existen varios modos de vista integrados disponibles: día, semana, semana laboral, mes, agenda, agenda mensual, año y línea de tiempo. Con una variedad de variables específicas de la vista, puede personalizar cada vista.
Eventos recurrentes
Configure fácilmente eventos recurrentes para que se repitan diaria, semanal, mensual o anualmente con opciones de recurrencia integradas.
Múltiples recursos y agrupación
Para agrupar recursos según múltiples factores, el Blazor Scheduler ofrece una amplia gama de opciones flexibles. También cubre la programación de líneas de tiempo y la agrupación de citas por recurso y fecha.
Se adapta a cualquier resolución
Scheduler tiene un diseño altamente responsivo y un diseño optimizado para computadoras de escritorio, pantallas táctiles y teléfonos inteligentes. Funciona bien en todos los teléfonos móviles que utilizan iOS, Android o Windows OS.
Temas personalizables atractivos
Diseño vanguardista con más de 5 temas integrados como Fluent, Tailwind CSS, Bootstrap, Material, Fabric y muchos más. Utilice la herramienta en línea Theme Studio para personalizar fácilmente los temas de Scheduler.
Globalización y localización
Permite a los usuarios de diferentes regiones utilizar el Scheduler formateando fechas, monedas y números para adaptarlos a sus preferencias.
AI-Powered Smart Scheduler Para una gestión eficiente del tiempo
Nuestro AI Scheduler convierte la programación en algo sencillo. Solo escribe « Reunión semanal del equipo a las 10 AM los viernes » y organiza automáticamente tus eventos, resuelve conflictos y se adapta a tu flujo de trabajo. Tu calendario no solo registra el tiempo, sino que te ayuda a aprovecharlo al máximo.
Explora la demostración para una programación impulsada por IA
Ejemplo de código de Blazor Scheduler
Comience fácilmente con Blazor Scheduler utilizando unas pocas y sencillas líneas de código C#, como se muestra a continuación. Además, explore nuestro ejemplo de Blazor Scheduler que le muestra cómo renderizar y configurar el Scheduler en Blazor.
@using Syncfusion.Blazor
@using Syncfusion.Blazor.Schedule
<SfSchedule TValue=AppointmentData>
<ScheduleViews>
<ScheduleView Option="View.Day"></ScheduleView>
<ScheduleView Option="View.Week"></ScheduleView>
<ScheduleView Option="View.WorkWeek"></ScheduleView>
<ScheduleView Option="View.Month"></ScheduleView>
<ScheduleView Option="View.Agenda"></ScheduleView>
</ScheduleViews>
</SfSchedule>
@code {
public class AppointmentData
{
public int Id { get; set; }
public string Subject { get; set; }
public string Location { get; set; }
public DateTime StartTime { get; set; }
public DateTime EndTime { get; set; }
public string Description { get; set; }
public bool IsAllDay { get; set; }
public string RecurrenceRule { get; set; }
public string RecurrenceException { get; set; }
public Nullable<int> RecurrenceID { get; set; }
}
}Múltiples vistas de scheduler
Hay una amplia variedad de modos de vista integrados disponibles: día, semana, semana laboral, mes, agenda, agenda mensual, año y línea de tiempo. Configure fácilmente cada vista individual con diferentes opciones específicas de la vista.
Vistas de día, semana y semana laboral
Muestre eventos y citas para un solo día o para varios días.
Vista de mes
Muestre eventos y citas en un solo día o en varios días durante un mes completo.
Vista de agenda
Cargue eventos virtualmente y muéstrelos como una lista en orden secuencial agrupados por día. Existe una opción para especificar el número de días a cargar inicialmente en la vista de agenda.
Vista de agenda mensual
Muestre el diseño del calendario y los eventos de la fecha actualmente seleccionada. Un indicador redondo en la parte inferior de una fecha muestra la presencia de uno o más eventos ese día.
Vista de año
La vista de año muestra todos los meses de un año en formato de calendario. En esa vista de calendario, las fechas que contienen eventos y citas se resaltan con puntos debajo de la fecha individual. Al hacer clic en la fecha, se mostrará la ventana emergente del evento y se enumerarán los eventos.
Vistas de línea de tiempo
Cinco vistas de línea de tiempo integradas están disponibles: día de línea de tiempo, semana de línea de tiempo, semana laboral de línea de tiempo, mes de línea de tiempo y año de línea de tiempo. Cada vista muestra los eventos con precisión a lo largo de un eje de tiempo horizontal para un solo día o para varios días. Para proporcionar un mejor rendimiento, las vistas de línea de tiempo cargan recursos, eventos y citas virtualmente en cada acción de desplazamiento.
Configuraciones de vista únicas
Configure fácilmente cada modo de vista individual con diferentes configuraciones de calendario. Por ejemplo, puede habilitar la función de agrupación en la vista de mes y aplicar plantillas de eventos en la vista de semana.
Intervalos de vista extensibles
Muestre varios días, semanas y meses extendiendo cada modo de vista según el recuento de intervalos proporcionado.
Intervalo de tiempo de bloque
Puede bloquear rangos de tiempo específicos para evitar la creación de eventos y citas en ese espacio de tiempo.
Cita en línea
Con esta función habilitada, los usuarios pueden crear y editar eventos y citas en línea con un solo clic en las celdas del horario o en el asunto de la cita existente. Al presionar Enter después de escribir el nuevo texto del asunto en el cuadro de texto en línea, la cita se actualizará y guardará adecuadamente.
Evitar eventos superpuestos
Evite la superposición de eventos configurando el programador para que proporcione señales visuales que indiquen conflictos. Esto garantiza que los usuarios puedan gestionar sus horarios de forma eficaz sin duplicar reservas.
Opciones avanzadas de manejo de eventos
El Scheduler para Blazor proporciona representaciones claras, vibrantes y exactas de eventos y citas en la línea de tiempo del Scheduler, según su duración asignada.
Capacidades de añadir y editar
Existe un soporte integrado para un mejor manejo de eventos, como la creación y edición más fácil de citas utilizando el editor de eventos predeterminado o mediante acciones intuitivas de arrastrar y redimensionar. Además, puede añadir campos de datos personalizados tanto a los eventos como a la fuente de datos de recursos.
Selección múltiple de eventos
Seleccione fácilmente varios eventos a la vez manteniendo presionada la tecla Ctrl mientras hace clic en los eventos. En dispositivos móviles, haga lo mismo tocando y manteniendo presionado un evento, y continúe seleccionando tocando una sola vez otros eventos. Después de seleccionar eventos con éxito, elimínelos o reposiciónelos simultáneamente.
Etiqueta emergente
La etiqueta emergente personalizable muestra la información del evento mientras el puntero del ratón está sobre el evento. Haga lo mismo en dispositivos móviles tocando y manteniendo presionado un evento.
Personalización de apariencia
Cambie el aspecto de los eventos y citas de Blazor Scheduler personalizando su apariencia y estilo predeterminados utilizando plantillas o CSS.
Zona horaria
Independientemente de la zona horaria del sistema, el control Blazor Scheduler admite la configuración de la zona horaria requerida para el propio control, así como para los eventos.
Filas adaptables
Aumenta automáticamente la altura de las filas en las vistas de mes y línea de tiempo cuando se añaden nuevos eventos o citas concurrentes.
Menú contextual
El menú contextual integrado con el componente Blazor Scheduler se abre al hacer clic derecho en una celda o cita.
Sincronización de datos en tiempo real
Los datos de citas en tiempo real se sincronizan con precisión con nuestro componente Blazor Scheduler.
Integración con Outlook y Google Calendar
Sincronice fácilmente eventos entre nuestro componente Blazor Scheduler y Google o Outlook Calendar a través de la API de Google Calendar o la biblioteca de objetos de Microsoft Outlook.
Actualizaciones en tiempo real
La comunicación bidireccional de datos transmite las actualizaciones de citas del lado del servidor realizadas en Blazor Scheduler a todos los clientes conectados a través de SignalR.
Opciones de calendario con muchas funciones
El componente Blazor Scheduler hereda casi todas las funciones específicas del calendario, como el primer día de la semana y la escala de tiempo.
Primer día de la semana
Personalice el primer día de la semana, que por defecto es domingo, según la configuración regional predeterminada. También puede utilizar esta opción para vistas individuales.
Horas de inicio y fin personalizadas
Muestre el diseño del programador de eventos con duraciones de tiempo específicas ocultando las horas no deseadas.
Escala de tiempo flexible
Utilice opciones de escala de tiempo personalizables para ver una línea de tiempo de eventos claramente y establecer una duración diferente.
Tiempo de trabajo
Las celdas activas del Blazor Scheduler (mostradas en blanco) representan visualmente los días y horas de trabajo.
Resaltar la hora actual
Indique la fecha actual con un encabezado de fecha resaltado. Marque con precisión la hora actual en todas las vistas.
Ocultar fines de semana
Ocultar los días de fin de semana del Blazor Scheduler le permite mostrar solo los días laborables en todas las vistas.
Visualización del número de semana
Muestre el número de semana del rango de fechas actual junto al encabezado de la fecha en las vistas de día, semana y semana laboral. Además, muestre el número de semana en la vista de mes como la primera columna. El número de semana se determina por el primer día de la semana y las reglas de la semana (primer día o primera semana completa, o primera semana de cuatro días).
Modo de hora
El control Blazor Scheduler admite formatos de hora de 12 y 24 horas.
Interfaz de usuario completamente personalizable
Personalice la apariencia de cualquier parte de la interfaz de Blazor Scheduler utilizando plantillas y estilos CSS.
Encabezado de fecha
Cambie la apariencia predeterminada de la barra de encabezado añadiendo cualquier tipo de CSS, texto personalizado o imagen.
Interfaz de usuario completa del Scheduler
Un evento integrado del lado del cliente permite a los usuarios finales personalizar cualquier parte de la interfaz de usuario del Scheduler.
Celdas del Scheduler
Las opciones de plantilla listas para usar le permiten personalizar las celdas fácilmente añadiendo cualquier tipo de texto, imagen o CSS.
Ventanas emergentes rápidas
Personalice fácilmente las ventanas emergentes que se abren con un solo clic en celdas, eventos o citas con su propia interfaz de usuario o diseño de plantilla.
Abrir editor de eventos externamente
El control Blazor Scheduler ofrece un método integrado para abrir la ventana del editor de eventos predeterminado mediante programación.
Interacciones fáciles de usar
El diseño de interfaz de usuario moderno y actual del componente Blazor Scheduler hace que las interacciones del usuario sean más sencillas y eficientes.
Vista rápida del evento
Al hacer clic o tocar los eventos, se muestran detalles importantes, como el asunto y la hora, junto con las opciones de edición y eliminación.
Selección de celda
Haga clic y arrastre el puntero sobre las celdas del Scheduler para seleccionar varias celdas. Los usuarios pueden hacer lo mismo con atajos de teclado.
Contenedor de eventos
Al hacer clic en el indicador de texto (+n más) en las vistas de mes y línea de tiempo, se abrirá un contenedor de eventos que enumera todos los detalles de eventos y citas ocultos de un día.
Navegación rápida
Navegue hacia adelante y hacia atrás entre los rangos de fechas utilizando un calendario en línea y también navegue entre diferentes modos de vista.
Aplicaciones en tiempo real
Muchas aplicaciones en tiempo real utilizan planificadores como parte integral, sirviendo así a diferentes propósitos según el tipo de proyecto. Algunas de las aplicaciones activas son: calendarios de tarifas, calendarios de salas de reuniones, planificadores de citas médicas y calendarios de reserva de habitaciones de hotel.
Funciones interactivas
El componente Blazor Scheduler permite a los usuarios exportar sus eventos como un archivo de Excel o como un archivo ICS.
Exportar a Excel
El componente Blazor Scheduler permite exportar todos sus eventos a un documento de Excel por defecto. También proporciona opciones de personalización adicionales para exportar colecciones de datos de eventos personalizados.
Exportar ICS
El Blazor Scheduler admite la exportación de todos sus datos de eventos a formato iCal.
API amigables para desarrolladores
Los desarrolladores pueden tener control total sobre la interfaz de usuario y el comportamiento del programador de eventos a través de sus API integradas y amigables para desarrolladores. Permite personalizar fácilmente incluso las funcionalidades complejas del Scheduler.
Accesibilidad
El componente Blazor Scheduler es fácilmente accesible para los lectores de pantalla. También se ha proporcionado soporte completo para la interacción con el teclado.
Completamente accesible
El componente Blazor Scheduler tiene soporte completo de accesibilidad WAI-ARIA. La interfaz de usuario del Scheduler incluye elementos visuales de alto contraste, lo que brinda a las personas con discapacidad visual la mejor experiencia de visualización. Además, las descripciones de interfaz de usuario válidas son fácilmente accesibles a través de tecnologías de asistencia como los lectores de pantalla.
Interactivo con teclado
Hay varios atajos de teclado disponibles para realizar casi todas las acciones del Scheduler, como la selección de múltiples celdas o eventos y la navegación a otras vistas.
Soporte de derecha a izquierda (RTL)
Renderice el programador de eventos en dirección de derecha a izquierda para usuarios que trabajan con idiomas como el hebreo, árabe o persa.
Otros frameworks compatibles
El Scheduler está disponible en los frameworks React, Angular, JavaScript y Vue. Explore sus opciones específicas de plataforma a través de los siguientes enlaces:
Navegadores compatibles
El Blazor Scheduler funciona bien con todos los navegadores web modernos, incluidos Chrome, Firefox, Edge, Safari y Opera.
¿No está seguro de cómo crear su primer Blazor Scheduler? Nuestra documentación puede ayudarle.
Comenzar con Blazor Server-side Scheduler Comenzar con Blazor WebAssembly SchedulerComponentes de Blazor: más de 145 componentes de interfaz de usuario y DataViz
TODOS LOS COMPONENTES
COMPONENTES INTELIGENTES
CUADRÍCULAS
VISUALIZACIÓN DE DATOS
ENTRADAS DE DATOS
MENÚS DESPLEGABLES
BOTONES
CHAT INTERACTIVO
NAVEGACIÓN
NOTIFICACIÓN
FORMULARIOS
Preguntas frecuentes
¿Por qué debería elegir Syncfusion Essential Studio® Blazor Scheduler?
El Syncfusion Blazor Scheduler es un calendario de eventos con todas las funciones siguientes:
- Un diseño altamente responsivo y finamente optimizado para computadoras de escritorio, tabletas y teléfonos móviles.
Diferentes vistas básicas como día, semana, semana laboral, mes y año en modo calendario y modo línea de tiempo.
- Se adapta a diferentes zonas horarias al instante.
El desplazamiento virtual le permite cargar grandes cantidades de recursos y eventos dinámicamente.
Agrupación de múltiples recursos basada en las vistas de línea de tiempo, horizontal, jerárquica y fecha.
- Uno de los mejores Blazor Scheduler del mercado que ofrece una interfaz de usuario rica en funciones para interactuar con el software.
- Sincronización sencilla de eventos con los calendarios de Google y Outlook.
Configuración sencilla y API.
- Es compatible con todos los navegadores modernos.
Extensas demos, documentación y videos para aprender rápidamente y empezar a usar Blazor Scheduler.
¿Cuál es el precio de Syncfusion Blazor Scheduler?
No vendemos el Blazor Scheduler por separado. Solo está disponible para su compra como parte de la licencia de equipo de Syncfusion. Esto contiene más de 1,600 componentes y frameworks, incluido el Blazor Scheduler. El precio de la licencia de equipo comienza en $395 por mes para 5 desarrolladores e incluye soporte y actualizaciones hasta que expire la suscripción. Además, podríamos ofrecer descuentos según las promociones activas. Póngase en contacto con nuestros especialistas de producto hoy mismo para ver si cumple los requisitos para cualquier descuento adicional.
¿Dónde puedo encontrar la demostración de Syncfusion Blazor Scheduler?
Puede encontrar nuestra demostración de Blazor Scheduler, que muestra cómo renderizar y configurar el Scheduler.
¿Puedo comprar el componente Syncfusion Blazor Scheduler por separado?
No, nuestros 1,600+ componentes y frameworks para web, móvil y escritorio, incluyendo nuestro Blazor Scheduler, no se venden individualmente. Solo están disponibles como parte de una licencia de equipo. Sin embargo, hemos puesto un precio competitivo al producto, por lo que solo cuesta un poco más de lo que otros proveedores cobran por su componente Scheduler solo. También hemos descubierto que, en nuestra experiencia, nuestros clientes suelen empezar usando uno de nuestros productos y luego se expanden rápidamente a varios productos, por lo que consideramos que lo mejor era ofrecer todos los 1,600+ componentes y frameworks por una tarifa de suscripción que comienza en $395 por mes para un equipo de 5 desarrolladores. Además, podríamos ofrecer descuentos en función de las promociones activas actualmente. Póngase en contacto con nuestros especialistas de producto hoy mismo para ver si cumple los requisitos para obtener descuentos adicionales.
¿Puedo descargar y utilizar el Syncfusion Blazor Scheduler de forma gratuita?
No, este es un producto comercial y requiere una licencia de pago. Sin embargo, también está disponible una licencia comunitaria gratuita para empresas y particulares cuyas organizaciones tengan menos de $1 millón de USD en ingresos brutos anuales y cinco o menos desarrolladores.
¿Cómo empiezo a usar Syncfusion Blazor Scheduler?
Un buen lugar para empezar sería nuestra completa documentación de inicio.
Nuestros clientes nos aman
Con un excelente conjunto de herramientas y un gran equipo de soporte, Syncfusion® reduce el tiempo de desarrollo de los clientes.Estas son algunas de sus experiencias.
Blazor components
The speed how they adding new Blazor controls and update theirs functionality. I am using Blazor components. Searching for Blazor components I found that Syncfusion very fast adopted theirs controls for new development platform. Tech support is fast and excellent. The best of best is that they provide free controls for small business.
Igor L.
CEO
Syncfusion objects with a Blazor
I have used some of the Syncfusion objects with a Blazor application. The support group has always been very helpful.
Kris B.
Software Development Consultant
Ver historias de éxito reales
Desarrolladores de todo el mundo confían en Essential Studio de Syncfusion para simplificar proyectos complejos y acelerar la entrega. Con una amplia biblioteca de controles de interfaz de usuario, potentes SDK y soporte confiable, Essential Studio ayuda a los equipos a crear aplicaciones de nivel empresarial con confianza.
Explorar estudios de casoIndustria
Desarrollo de software
75% Reducción de costos
50% Desarrollo más rápido
Industria
Servicios públicos (petróleo y gas)
450+ horas ahorradas
Procesos optimizados y horas de esfuerzo de desarrollo ahorradas.
Funciones avanzadas y flexibles
Usuarios potenciados mediante una funcionalidad sólida y versátil.
Industria
Software y tecnología
1000+ horas ahorradas
Desarrollo acelerado con componentes de interfaz de usuario listos para empresa.
Gestión eficiente de archivos
Flujos de trabajo optimizados con bibliotecas de documentos sin crearlas desde cero.
Industria
Software y tecnología
2 años de retraso evitado
Se evitaron dos años de retrasos gracias a la planificación proactiva.
Entrega punctual
Proyectos entregados a tiempo utilizando controles de confianza.
Industria
Servicios de TI y consultoría de TI
Rendimiento Mejorado
Grandes conjuntos de datos gestionados con fácil personalización y depuración rápida.
Altamente personalizable
Controles plug-and-play con integración rápida de plantillas.
Industria
Servicios profesionales
Acceso instantáneo
Disponibilidad rápida de funciones y recursos.
Dependencias reducidas
Menos dependencias para un desarrollo más rápido.
Calificado por usuarios de todo el mundo
Recursos del Blazor Scheduler de Syncfusion
Kits de UI
Descarga de Figma
Descarga de Figma
Premios
Grandeza: Decir que la tienes es una cosa, pero significa más cuando otros la reconocen. Syncfusion® se enorgullece de haber recibido los siguientes premios de la industria.
Actividades recientes en tutoriales y blogs de Blazor Scheduler
Los videos tutoriales y las publicaciones del blog de Blazor Scheduler le guiarán en la creación de su primera aplicación con componentes Blazor. Proporcionan estrategias de resolución de problemas, describen características y funcionalidades, anuncian nuevas versiones de funciones, explican las mejores prácticas y muestran escenarios de ejemplo. Explore nuestras últimas publicaciones en nuestro blog y canales de videos tutoriales para obtener actualizaciones de Blazor Scheduler.
BLOG
Cómo acceder a eventos de calendario de Microsoft Graph con Syncfusion Blazor Scheduler
02 DE ENERO DE 2024
VIDEOS
Cómo realizar operaciones CRUD usando Entity Framework en Blazor Scheduler
12 DE DICIEMBRE DE 2023
