DatePicker
TsgcHTMLComponent_DatePicker — renderizza un campo di input nativo HTML5 per data, ora o data e ora con limiti minimo e massimo opzionali, in Delphi, C++ Builder e .NET.
TsgcHTMLComponent_DatePicker — renderizza un campo di input nativo HTML5 per data, ora o data e ora con limiti minimo e massimo opzionali, in Delphi, C++ Builder e .NET.
Un componente di input che emette un form-control Bootstrap di tipo HTML5 date, time o datetime-local. Scegli la Mode, imposta i limiti, quindi leggi la proprietà HTML.
TsgcHTMLComponent_DatePicker
Native HTML5 date/time <input>
Delphi, C++ Builder, .NET
Scegli Mode, imposta Name, Label_ e i limiti MinDate/MaxDate, quindi leggi HTML — oppure chiama l’helper statico Build per una soluzione a riga singola.
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");I membri che utilizzerai più spesso.
Mode (TsgcHTMLDatePickerMode) seleziona dmDate, dmTime o dmDateTime, emettendo un input HTML5 date, time o datetime-local.
Name imposta il name dell’input; Label_ renderizza una form-label; Value precompila il campo; Placeholder mostra il testo suggerito.
MinDate e MaxDate vincolano l’intervallo selezionabile tramite gli attributi nativi min e max; Required rende il campo obbligatorio.
Build(name, mode, label, value) restituisce il markup in una riga senza gestire un’istanza.
HTML restituisce il wrapper mb-3 con l’etichetta e il form-control tipizzato; DatePickerID imposta l’id dell’elemento.
Le proprietà ereditate Section, ColumnWidth e RowGroup posizionano il campo su una griglia TsgcHTMLPageBuilder.