Calendar

TsgcHTMLComponent_Calendar — erzeugen Sie einen Kalender im Monatsraster mit farbigen Ereignispunkten, einer Heute-Hervorhebung und Vor-/Zurück-Navigation, in Delphi, C++ Builder und .NET.

Auf einen Blick

TsgcHTMLComponent_Calendar

Setzen Sie Year und Month, fügen Sie Ereignisse an bestimmten Tagen hinzu (oder binden Sie ein Dataset) und lesen Sie dann die HTML-Eigenschaft.

Komponentenklasse

TsgcHTMLComponent_Calendar

Rendert

Bootstrap-5-Karte mit einer Monatsraster-<table>

Familie

Daten & Tabellen

Sprachen

Delphi, C++ Builder, .NET

QuickStart

Monat festlegen, Ereignisse hinzufügen, rendern

Setzen Sie Year und Month, fügen Sie einige Events.Add-Einträge mit Day, Title und Color hinzu und lesen Sie dann 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

Referenz

Wichtige Eigenschaften & Methoden

Die Member, die Sie am häufigsten verwenden.

Monat

Year und Month wählen das Raster; sie nehmen standardmäßig den aktuellen Monat, und GetMonthName steuert die Überschrift.

Ereignisse

Events enthält Elemente mit Day, Title, Hex-Color und Enum-ColorStyle; jedes Ereignis wird als farbiger Punkt unter seinem Tag dargestellt.

Dataset-Bindung

LoadFromDataSet(aDataSet, aDateField, aTitleField) erstellt ein Ereignis pro Zeile, die in den aktuellen Monat und das aktuelle Jahr fällt.

ShowNavigation mit PrevURL und NextURL rendert Vor-/Zurück-Links; NavButtonClass gestaltet sie.

Heute

HighlightToday markiert den aktuellen Tag mit den Klassen aus TodayClass.

Erscheinungsbild

TableClass, EventDotSize und CalendarID passen das Tabellen-Styling und die Punktgröße an.

Ressourcen

Weiter entdecken

	Alle sgcHTML-KomponentenDurchsuchen Sie die vollständige Funktionsmatrix von über 60 Komponenten.	Öffnen
	Kostenlose Testversion herunterladenDie 30-Tage-Testversion enthält die 60.HTML-Demoprojekte.	Öffnen
	PreiseSingle-, Team- und Site-Lizenzen mit vollständigem Quellcode.	Öffnen