En bref

TsgcHTMLComponent_DatePicker

Un composant de saisie qui émet un form-control Bootstrap de type HTML5 date, time ou datetime-local. Choisissez le Mode, définissez les bornes, puis lisez la propriété HTML.

Classe du composant

TsgcHTMLComponent_DatePicker

Produit

<input> natif HTML5 de date/heure

Famille

Formulaires & Saisies

Langages

Delphi, C++ Builder, .NET

QuickStart

Créez-le, définissez le mode, affichez-le

Choisissez le Mode, définissez Name, Label_ et les bornes MinDate/MaxDate, puis lisez HTML — ou appelez l'assistant statique Build pour une seule ligne.

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

Référence

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

Les membres que vous utilisez le plus souvent.

Mode

Mode (TsgcHTMLDatePickerMode) sélectionne dmDate, dmTime ou dmDateTime, en émettant un champ HTML5 date, time ou datetime-local.

Champ

Name définit le name du champ ; Label_ rend un form-label ; Value pré-remplit le champ ; Placeholder affiche un texte d'indication.

Bornes

MinDate et MaxDate contraignent la plage sélectionnable via les attributs natifs min et max ; Required marque le champ comme obligatoire.

Assistant statique

Build(name, mode, label, value) renvoie le balisage en une ligne sans gérer d'instance.

Sortie

HTML renvoie le conteneur mb-3 avec le libellé et le form-control typé ; DatePickerID définit l'id de l'élément.

Mise en page

Les propriétés héritées Section, ColumnWidth et RowGroup placent le champ sur une grille TsgcHTMLPageBuilder.

Ressources

Continuez l'exploration

	Tous les composants sgcHTMLParcourez la matrice complète des fonctionnalités de plus de 60 composants.	Ouvrir
	Télécharger la version d'essai gratuiteLa version d'essai de 30 jours fournit les projets de démonstration 60.HTML.	Ouvrir
	TarifsLicences Single, Team et Site avec code source complet.	Ouvrir

DatePicker