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

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.

Bileşen sınıfı

TsgcHTMLComponent_DatePicker

İşler

Yerel HTML5 tarih/saat <input>

Diller

Delphi, C++ Builder, .NET

Oluşturun, modu ayarlayın, işleyin

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");

Temel özellikler & yöntemler

En sık başvurduğunuz üyeler.

Mode

Mode (TsgcHTMLDatePickerMode) dmDate, dmTime veya dmDateTime seçer ve bir HTML5 date, time veya datetime-local girdisi üretir.

Alan

Name, girdinin name'ini ayarlar; Label_ bir form-label işler; Value alanı önceden doldurur; Placeholder ipucu metni gösterir.

Sınırlar

MinDate ve MaxDate, yerel min ve max öznitelikleri aracılığıyla seçilebilir aralığı kısıtlar; Required, alanı zorunlu olarak işaretler.

Statik yardımcı

Build(name, mode, label, value), bir örnek yönetmeden işaretlemeyi tek satırda döndürür.

Çıktı

HTML, etiket ve türlenmiş form-control içeren mb-3 sarmalayıcısını döndürür; DatePickerID, öğenin id'sini ayarlar.

Düzen

Devralınan Section, ColumnWidth ve RowGroup, alanı bir TsgcHTMLPageBuilder ızgarasına yerleştirir.

Keşfetmeye devam edin

Tüm sgcHTML Bileşenleri60'tan fazla bileşenin tam özellik matrisine göz atın.
Ücretsiz Deneme Sürümünü İndirin30 günlük deneme, 60.HTML demo projeleriyle birlikte gelir.
FiyatlandırmaTam kaynak kodlu Single, Team ve Site lisansları.

Başlamaya Hazır mısınız?

Ücretsiz deneme sürümünü indirin ve Delphi, C++ Builder ya da .NET web uygulamanıza tarih ve saat seçicileri ekleyin.