Calendar

TsgcHTMLComponent_Calendar — genera un calendario con rejilla mensual con puntos de eventos en color, resaltado del día actual y navegación anterior/siguiente, en Delphi, C++ Builder y .NET.

TsgcHTMLComponent_Calendar

Define Year y Month, añade eventos en días concretos (o vincula un dataset) y luego lee la propiedad HTML.

Clase del componente

TsgcHTMLComponent_Calendar

Genera

Tarjeta de Bootstrap 5 con una <table> de rejilla mensual

Familia

Datos y Tablas

Lenguajes

Delphi, C++ Builder, .NET

Define el mes, añade eventos y genéralo

Define Year y Month, añade unas cuantas entradas Events.Add con un Day, Title y Color, y luego lee HTML.

uses
  sgcHTML_Component_Calendar;

var
  oCal: TsgcHTMLComponent_Calendar;
  oEvt: TsgcHTMLCalendarEvent;
begin
  oCal := TsgcHTMLComponent_Calendar.Create(nil);
  try
    oCal.Year := 2026;
    oCal.Month := 6;
    oCal.HighlightToday := True;
    oCal.ShowNavigation := True;

    oEvt := oCal.Events.Add;
    oEvt.Day := 12;
    oEvt.Title := 'Release';
    oEvt.Color := '#7C3AED';

    WebModule.Response := oCal.HTML;   // card + month-grid table
  finally
    oCal.Free;
  end;
end;

// Or bind it straight to a dataset:
oCal.LoadFromDataSet(qryEvents, 'EventDate', 'Subject');
// includes: sgcHTML_Component_Calendar.hpp

TsgcHTMLComponent_Calendar *oCal = new TsgcHTMLComponent_Calendar(NULL);
try
{
  oCal->Year = 2026;
  oCal->Month = 6;
  oCal->HighlightToday = true;
  oCal->ShowNavigation = true;

  TsgcHTMLCalendarEvent *oEvt = oCal->Events->Add();
  oEvt->Day = 12;
  oEvt->Title = "Release";
  oEvt->Color = "#7C3AED";

  String html = oCal->HTML;   // card + month-grid table
}
__finally
{
  delete oCal;
}
using esegece.sgcWebSockets;

var cal = new TsgcHTMLComponent_Calendar();
cal.Year = 2026;
cal.Month = 6;
cal.HighlightToday = true;
cal.ShowNavigation = true;

var evt = cal.Events.Add();
evt.Day = 12;
evt.Title = "Release";
evt.Color = "#7C3AED";

string html = cal.HTML;   // card + month-grid table

Propiedades y métodos clave

Los miembros que usarás con más frecuencia.

Mes

Year y Month seleccionan la rejilla; toman por defecto el mes actual, y GetMonthName genera el encabezado.

Eventos

Events contiene elementos con un Day, Title, Color hexadecimal y ColorStyle enumerado; cada evento se muestra como un punto de color bajo su día.

Vinculación de datasets

LoadFromDataSet(aDataSet, aDateField, aTitleField) crea un evento por cada fila que caiga dentro del mes y año actuales.

ShowNavigation con PrevURL y NextURL genera enlaces anterior/siguiente; NavButtonClass les da estilo.

Hoy

HighlightToday marca el día actual usando las clases de TodayClass.

Apariencia

TableClass, EventDotSize y CalendarID ajustan el estilo de la tabla y el tamaño de los puntos.

Sigue explorando

Todos los componentes de sgcHTMLExplora la matriz completa de más de 60 componentes.
Descargar prueba gratuitaLa prueba de 30 días incluye los proyectos de demostración 60.HTML.
PreciosLicencias Single, Team y Site con código fuente completo.

¿Listo para empezar?

Descarga la prueba gratuita y empieza a crear interfaces web en Delphi, C++ Builder y .NET.