DatePicker
TsgcHTMLComponent_DatePicker — render een native HTML5 date-, time- of datetime-invoer met optionele min- en max-grenzen, in Delphi, C++ Builder en .NET.
TsgcHTMLComponent_DatePicker — render een native HTML5 date-, time- of datetime-invoer met optionele min- en max-grenzen, in Delphi, C++ Builder en .NET.
Een invoercomponent dat een Bootstrap-form-control van HTML5-type date, time of datetime-local uitstuurt. Kies de Mode, stel de grenzen in en lees dan de HTML-eigenschap.
TsgcHTMLComponent_DatePicker
Native HTML5 date/time <input>
Delphi, C++ Builder, .NET
Kies Mode, stel Name, Label_ en de MinDate/MaxDate-grenzen in en lees dan HTML — of roep de statische Build-helper aan voor een one-liner.
uses
sgcHTML_Component_DatePicker;
var
oDate: TsgcHTMLComponent_DatePicker;
begin
oDate := TsgcHTMLComponent_DatePicker.Create(nil);
try
oDate.Mode := dmDate;
oDate.Name := 'booking';
oDate.Label_ := 'Booking date';
oDate.MinDate := '2026-01-01';
oDate.MaxDate := '2026-12-31';
oDate.Required := True;
WebModule.Response := oDate.HTML; // <input type="date">
finally
oDate.Free;
end;
end;
// Or the static one-liner (name, mode, label, value):
Result := TsgcHTMLComponent_DatePicker.Build('booking', dmDate, 'Booking date');// includes: sgcHTML_Component_DatePicker.hpp
TsgcHTMLComponent_DatePicker *oDate = new TsgcHTMLComponent_DatePicker(NULL);
try
{
oDate->Mode = dmDate;
oDate->Name = "booking";
oDate->Label_ = "Booking date";
oDate->MinDate = "2026-01-01";
oDate->MaxDate = "2026-12-31";
oDate->Required = true;
String html = oDate->HTML; // <input type="date">
}
__finally
{
delete oDate;
}
// Or the static one-liner:
String html = TsgcHTMLComponent_DatePicker::Build("booking", dmDate, "Booking date");using esegece.sgcWebSockets;
var date = new TsgcHTMLComponent_DatePicker();
date.Mode = TsgcHTMLDatePickerMode.dmDate;
date.Name = "booking";
date.Label_ = "Booking date";
date.MinDate = "2026-01-01";
date.MaxDate = "2026-12-31";
date.Required = true;
string html = date.HTML; // <input type="date">
// Or the static one-liner:
string html2 = TsgcHTMLComponent_DatePicker.Build("booking", TsgcHTMLDatePickerMode.dmDate, "Booking date");De members die je het vaakst gebruikt.
Mode (TsgcHTMLDatePickerMode) selecteert dmDate, dmTime of dmDateTime en stuurt een HTML5 date-, time- of datetime-local-invoer uit.
Name stelt de name van de invoer in; Label_ rendert een form-label; Value vult het veld vooraf in; Placeholder toont hinttekst.
MinDate en MaxDate beperken het selecteerbare bereik via de native min- en max-attributen; Required markeert het veld als verplicht.
Build(name, mode, label, value) retourneert de markup in één regel zonder een instantie te beheren.
HTML retourneert de mb-3-wrapper met het label en de getypeerde form-control; DatePickerID stelt de element-id in.
De geërfde Section, ColumnWidth en RowGroup plaatsen het veld op een TsgcHTMLPageBuilder-raster.