Calendar

TsgcHTMLComponent_Calendar — renderize um calendário em grade mensal com pontos de eventos coloridos, um destaque do dia atual e navegação anterior/próximo, em Delphi, C++ Builder e .NET.

Visão geral

TsgcHTMLComponent_Calendar

Defina o Year e o Month, adicione eventos em dias específicos (ou vincule um dataset) e então leia a propriedade HTML.

Classe do componente

TsgcHTMLComponent_Calendar

Renderiza

Card Bootstrap 5 com uma <table> em grade mensal

Família

Dados & Tabelas

Linguagens

Delphi, C++ Builder, .NET

QuickStart

Defina o mês, adicione eventos, renderize

Defina Year e Month, adicione algumas entradas Events.Add com um Day, Title e Color e então leia 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

Referência

Principais propriedades & métodos

Os membros que você usa com mais frequência.

Mês

Year e Month selecionam a grade; o padrão é o mês atual, e GetMonthName alimenta o título.

Eventos

Events contém itens com um Day, Title, Color hex e enum ColorStyle; cada evento renderiza como um ponto colorido sob seu dia.

Vinculação a dataset

LoadFromDataSet(aDataSet, aDateField, aTitleField) cria um evento por linha que cai dentro do mês e ano atuais.

Navegação

ShowNavigation com PrevURL e NextURL renderiza links de anterior/próximo; NavButtonClass os estiliza.

Dia atual

HighlightToday marca o dia atual usando as classes em TodayClass.

Aparência

TableClass, EventDotSize e CalendarID ajustam a estilização da tabela e o tamanho do ponto.

Recursos

Continue explorando

	Todos os Componentes sgcHTMLExplore a matriz completa de recursos com mais de 60 componentes.	Abrir
	Baixar Versão de Avaliação GratuitaA avaliação de 30 dias inclui os projetos de demonstração 60.HTML.	Abrir
	PreçosLicenças Single, Team e Site com código-fonte completo.	Abrir