DatePicker
TsgcHTMLComponent_DatePicker — 渲染带有可选最小和最大边界的原生 HTML5 日期、时间或日期时间输入，适用于 Delphi、C++ Builder 和 .NET。
TsgcHTMLComponent_DatePicker — 渲染带有可选最小和最大边界的原生 HTML5 日期、时间或日期时间输入，适用于 Delphi、C++ Builder 和 .NET。
一个输入组件，发出 HTML5 类型为 date、time 或 datetime-local 的 Bootstrap form-control。选择 Mode，设置边界，然后读取 HTML 属性。
选择 Mode，设置 Name、Label_ 和 MinDate/MaxDate 边界，然后读取 HTML — 或调用静态 Build 辅助方法实现一行代码。
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");您最常使用的成员。
Mode（TsgcHTMLDatePickerMode）选择 dmDate、dmTime 或 dmDateTime，发出 HTML5 date、time 或 datetime-local 输入。
Name 设置输入框的 name；Label_ 渲染一个 form-label；Value 预填字段；Placeholder 显示提示文本。
MinDate 和 MaxDate 通过原生的 min 和 max 属性约束可选范围；Required 将字段标记为必填。
Build(name, mode, label, value) 用一行代码返回标记，无需管理实例。
HTML 返回带有标签和类型化 form-control 的 mb-3 包装器；DatePickerID 设置元素 id。
继承的 Section、ColumnWidth 和 RowGroup 将字段放置在 TsgcHTMLPageBuilder 网格上。