DatePicker
TsgcHTMLComponent_DatePicker — Delphi, C++ Builder ve .NET'te isteğe bağlı min ve maks sınırlarla yerel bir HTML5 tarih, saat veya tarih-saat girdisi işleyin.
TsgcHTMLComponent_DatePicker — Delphi, C++ Builder ve .NET'te isteğe bağlı min ve maks sınırlarla yerel bir HTML5 tarih, saat veya tarih-saat girdisi işleyin.
HTML5 türünde date, time veya datetime-local olan bir Bootstrap form-control üreten bir girdi bileşeni. Mode'u seçin, sınırları ayarlayın, ardından HTML özelliğini okuyun.
TsgcHTMLComponent_DatePicker
Yerel HTML5 tarih/saat <input>
Delphi, C++ Builder, .NET
Mode'u seçin, Name, Label_ ve MinDate/MaxDate sınırlarını ayarlayın, ardından HTML'i okuyun — ya da tek satırlık çözüm için statik Build yardımcısını çağırın.
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");
En sık başvurduğunuz üyeler.
Mode (TsgcHTMLDatePickerMode) dmDate, dmTime veya dmDateTime seçer ve bir HTML5 date, time veya datetime-local girdisi üretir.
Name, girdinin name'ini ayarlar; Label_ bir form-label işler; Value alanı önceden doldurur; Placeholder ipucu metni gösterir.
MinDate ve MaxDate, yerel min ve max öznitelikleri aracılığıyla seçilebilir aralığı kısıtlar; Required, alanı zorunlu olarak işaretler.
Build(name, mode, label, value), bir örnek yönetmeden işaretlemeyi tek satırda döndürür.
HTML, etiket ve türlenmiş form-control içeren mb-3 sarmalayıcısını döndürür; DatePickerID, öğenin id'sini ayarlar.
Devralınan Section, ColumnWidth ve RowGroup, alanı bir TsgcHTMLPageBuilder ızgarasına yerleştirir.