Composant TimePicker — sgcHTML | eSeGeCe

TimePicker

TsgcHTMLComponent_TimePicker — affichez une saisie d'heure HTML5 native avec des bornes min et max optionnelles et une granularité à la seconde, en Delphi, C++ Builder et .NET.

TsgcHTMLComponent_TimePicker

Un composant de saisie avec libellé qui émet un form-control Bootstrap de type HTML5 time. Définissez les bornes, puis lisez la propriété HTML (ou appelez l'assistant statique Build).

Classe du composant

TsgcHTMLComponent_TimePicker

Produit

<input type="time"> HTML5 natif

Langages

Delphi, C++ Builder, .NET

Créez-le, définissez les bornes, affichez-le

Définissez FieldName, LabelText et les bornes MinTime/MaxTime, puis lisez HTML — ou appelez l'assistant statique Build pour une seule ligne.

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

Propriétés & méthodes clés

Les membres que vous utilisez le plus souvent.

Champ

Value préremplit la saisie ; FieldName définit son name ; LabelText affiche un form-label.

Bornes

MinTime et MaxTime contraignent la plage sélectionnable via les attributs natifs min/max.

Granularité

StepSeconds définit directement l'attribut step ; ShowSeconds (par défaut False) est un raccourci qui demande une granularité à la seconde lorsque StepSeconds reste à 0.

Validation & état

Required et Disabled marquent la saisie native.

Dimensionnement

Size (TsgcHTMLSize : hsExtraSmallhsExtraLarge, par défaut hsMedium) correspond aux classes Bootstrap form-control-sm/form-control-lg.

Assistant statique

Build(fieldName, labelText, value) renvoie le balisage en une seule ligne sans gérer d'instance.

Continuez l'exploration

Aide en ligneRéférence API complète et guide d’utilisation pour ce composant.
Tous les composants sgcHTMLParcourez la matrice complète des fonctionnalités de plus de 80 composants.
Télécharger la version d'essai gratuiteLa version d'essai de 30 jours fournit les projets de démonstration 60.HTML.
TarifsLicences Single, Team et Site avec code source complet.

Prêt à démarrer ?

Téléchargez la version d'essai gratuite et ajoutez des sélecteurs de date et d'heure à votre application web Delphi, C++ Builder ou .NET.