Calendar
TsgcHTMLComponent_Calendar — 色付きのイベントドット、本日のハイライト、前後ナビゲーションを備えた月グリッドカレンダーを Delphi、C++ Builder、.NET でレンダリングします。
TsgcHTMLComponent_Calendar — 色付きのイベントドット、本日のハイライト、前後ナビゲーションを備えた月グリッドカレンダーを Delphi、C++ Builder、.NET でレンダリングします。
Year と Month を設定し、特定の日にイベントを追加（またはデータセットをバインド）したら、HTML プロパティを読み取ります。
TsgcHTMLComponent_Calendar
月グリッドの <table> を備えた Bootstrap 5 カード
Delphi, C++ Builder, .NET
Year と Month を設定し、Day、Title、Color を持つ Events.Add エントリをいくつか追加したら、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最もよく使うメンバー。
Year と Month がグリッドを選択します。デフォルトは当月で、GetMonthName が見出しを生成します。
Events は、Day、Title、16 進の Color、列挙の ColorStyle を持つ項目を保持します。各イベントは、その日の下に色付きのドットとしてレンダリングされます。
LoadFromDataSet(aDataSet, aDateField, aTitleField) は、当月・当年に含まれる行ごとにイベントを 1 つ作成します。
PrevURL と NextURL を備えた ShowNavigation が前後リンクをレンダリングします。NavButtonClass がそれらのスタイルを設定します。
HighlightToday は、TodayClass 内のクラスを使って当日をマークします。
TableClass、EventDotSize、CalendarID が、テーブルのスタイルとドットのサイズを調整します。