DatePicker
TsgcHTMLComponent_DatePicker — Delphi, C++ Builder 및 .NET에서 선택적 최소 및 최대 경계를 갖춘 네이티브 HTML5 날짜, 시간 또는 날짜시간 입력을 렌더링합니다.
TsgcHTMLComponent_DatePicker — Delphi, C++ Builder 및 .NET에서 선택적 최소 및 최대 경계를 갖춘 네이티브 HTML5 날짜, 시간 또는 날짜시간 입력을 렌더링합니다.
HTML5 유형 date, time 또는 datetime-local의 Bootstrap form-control을 내보내는 입력 컴포넌트입니다. Mode를 선택하고, 경계를 설정한 다음, HTML 속성을 읽습니다.
TsgcHTMLComponent_DatePicker
네이티브 HTML5 날짜/시간 <input>
Delphi, C++ Builder, .NET
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 그리드에 배치합니다.