DatePicker
TsgcHTMLComponent_DatePicker — erzeugen Sie ein natives HTML5-Datums-, Zeit- oder Datum/Zeit-Eingabefeld mit optionalen Min- und Max-Grenzen, in Delphi, C++ Builder und .NET.
TsgcHTMLComponent_DatePicker — erzeugen Sie ein natives HTML5-Datums-, Zeit- oder Datum/Zeit-Eingabefeld mit optionalen Min- und Max-Grenzen, in Delphi, C++ Builder und .NET.
Eine Eingabekomponente, die ein Bootstrap-form-control vom HTML5-Typ date, time oder datetime-local ausgibt. Wählen Sie den Mode, setzen Sie die Grenzen und lesen Sie dann die HTML-Eigenschaft.
TsgcHTMLComponent_DatePicker
Natives HTML5-Datums-/Zeit-<input>
Delphi, C++ Builder, .NET
Wählen Sie Mode, setzen Sie Name, Label_ und die MinDate-/MaxDate-Grenzen und lesen Sie dann HTML — oder rufen Sie den statischen Build-Helfer für einen Einzeiler auf.
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");Die Member, die Sie am häufigsten verwenden.
Mode (TsgcHTMLDatePickerMode) wählt dmDate, dmTime oder dmDateTime und gibt ein HTML5-date-, time- oder datetime-local-Input aus.
Name setzt das name-Attribut des Inputs; Label_ rendert ein form-label; Value füllt das Feld vor; Placeholder zeigt einen Hinweistext.
MinDate und MaxDate begrenzen den auswählbaren Bereich über die nativen Attribute min und max; Required markiert das Feld als Pflichtfeld.
Build(name, mode, label, value) gibt das Markup in einer Zeile zurück, ohne dass eine Instanz verwaltet werden muss.
HTML gibt den mb-3-Wrapper mit dem Label und dem typisierten form-control zurück; DatePickerID setzt die Element-id.
Die geerbten Section, ColumnWidth und RowGroup platzieren das Feld in einem TsgcHTMLPageBuilder-Raster.
| 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 |