TimePicker Bileşeni — sgcHTML | eSeGeCe

TimePicker

TsgcHTMLComponent_TimePicker — Delphi, C++ Builder ve .NET'te isteğe bağlı min ve maks sınırları ve saniye düzeyinde ayrıntı içeren yerel bir HTML5 saat girdisi işleyin.

Bir bakışta

TsgcHTMLComponent_TimePicker

HTML5 time türünde bir Bootstrap form-control işleyen, etiketli bir girdi bileşeni. Sınırları ayarlayın, ardından HTML özelliğini okuyun (ya da statik Build yardımcısını çağırın).

Bileşen sınıfı

TsgcHTMLComponent_TimePicker

İşler

Yerel HTML5 <input type="time">

Aile

Formlar & Girdiler

Diller

Delphi, C++ Builder, .NET

QuickStart

Oluşturun, sınırları ayarlayın, işleyin

FieldName, LabelText ve MinTime/MaxTime sınırlarını ayarlayın, ardından HTML'i okuyun — ya da tek satırlık kullanım için statik Build yardımcısını çağırın.

uses
  sgcHTML_Component_TimePicker;

var
  oTime: TsgcHTMLComponent_TimePicker;
begin
  oTime := TsgcHTMLComponent_TimePicker.Create(nil);
  try
    oTime.FieldName := 'appointment_time';
    oTime.LabelText := 'Appointment time';
    oTime.MinTime := '08:00';
    oTime.MaxTime := '18:00';
    oTime.Required := True;

    WebModule.Response := oTime.HTML;   // <input type="time">
  finally
    oTime.Free;
  end;
end;

// Or the static one-liner (field name, label, value):
Result := TsgcHTMLComponent_TimePicker.Build('appointment_time', 'Appointment time');

// includes: sgcHTML_Component_TimePicker.hpp

TsgcHTMLComponent_TimePicker *oTime = new TsgcHTMLComponent_TimePicker(NULL);
try
{
  oTime->FieldName = "appointment_time";
  oTime->LabelText = "Appointment time";
  oTime->MinTime = "08:00";
  oTime->MaxTime = "18:00";
  oTime->Required = true;

  String html = oTime->HTML;   // <input type="time">
}
__finally
{
  delete oTime;
}

// Or the static one-liner:
String html = TsgcHTMLComponent_TimePicker::Build("appointment_time", "Appointment time");

using esegece.sgcWebSockets;

var time = new TsgcHTMLComponent_TimePicker();
time.FieldName = "appointment_time";
time.LabelText = "Appointment time";
time.MinTime = "08:00";
time.MaxTime = "18:00";
time.Required = true;

string html = time.HTML;   // <input type="time">

// Or the static one-liner:
string html2 = TsgcHTMLComponent_TimePicker.Build("appointment_time", "Appointment time");

Başvuru

Temel özellikler & yöntemler

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

Alan

Value, girdiyi önceden doldurur; FieldName, onun name'ini ayarlar; LabelText, bir form-label işler.

Sınırlar

MinTime ve MaxTime, yerel min/max öznitelikleri aracılığıyla seçilebilir aralığı kısıtlar.

Ayrıntı düzeyi

StepSeconds, step özniteliğini doğrudan ayarlar; ShowSeconds (varsayılan False), StepSeconds 0'da bırakıldığında bir saniyelik ayrıntı isteyen bir kısayoldur.

Doğrulama & durum

Required ve Disabled, yerel girdiyi işaretler.

Boyutlandırma

Size (TsgcHTMLSize: hsExtraSmall…hsExtraLarge, varsayılan hsMedium), Bootstrap'ın form-control-sm/form-control-lg'sine eşlenir.

Statik yardımcı

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

Kaynaklar

Keşfetmeye devam edin

	Çevrimiçi yardımBu bileşen için tam API referansı ve kullanım kılavuzu.	Aç
	Tüm sgcHTML Bileşenleri80'den fazla bileşenin tam özellik matrisine göz atın.	Aç
	Ücretsiz Deneme Sürümünü İndirin30 günlük deneme, 60.HTML demo projeleriyle birlikte gelir.	Aç
	FiyatlandırmaTam kaynak kodlu Single, Team ve Site lisansları.	Aç