de.hideout-lastation.com
Paradies Für Designer Und Entwickler


Benutzerdefinierte Zeiteingabefelder mit jQuery Timedropper

Einige Web-Formulare erfordern datumsbasierte Eingaben und Datumsauswahl-Plugins können dabei helfen. Aber was ist mit Zeiteingaben ?

Mit dem kostenlosen jQuery-Plugin Timedropper können Sie benutzerdefinierte Zeitauswahlfunktionen hinzufügen, um Termine festzulegen, Telefonanrufe zu planen oder so ziemlich alles, was Sie brauchen.

Es ist unglaublich einfach und Sie brauchen nur die jQuery-Bibliothek, um loszulegen. Sobald Sie diese Bibliothek installiert haben, können Sie die Timedropper JS / CSS-Dateien hinzufügen und ausführen lassen. Das ist es!

Jedes Eingabefeld muss von einem jQuery-Selektor angesteuert werden, der dann das Timedropper-Eingabefeld hinzufügt. Dies hat Optionen, die Sie mit zusätzlichen (optionalen) Funktionen hinzufügen können:

  • Autoswitch - ändert automatisch die Stunde / Minute beim Aufsetzen
  • Meridiane - Stellen Sie eine 12-Stunden-Uhr anstelle einer 24-Stunden-Uhr ein
  • Format - legt fest, wie die Stunden und Minuten angezeigt werden (Standardformat ist 1:22 Uhr)
  • Mausrad - ermöglicht die Änderung der Zeit basierend auf dem Scrollrad
  • Init_animation - Aktiviert die verblassenden Animationseffekte
  • setCurrentTime - Fügt dem Feldwert automatisch die aktuelle Uhrzeit hinzu

Wenn Sie noch wagemutiger sind, können Sie den Stil mit ein paar vorgepackten Designs ändern oder sogar Ihr eigenes erstellen.

In einem Meer von jQuery Plugins ist Timedropper die Knie der Biene. Es bietet wirklich eine einzigartige Schnittstelle für jede App, um eine Zeit unabhängig vom Gerät auszuwählen.

Natürlich reagiert es auf Mobilgeräte und funktioniert auch auf Smartphones und Tablets. Ich mag jedoch nicht die fehlende Unterstützung von Nummernfeldern . Das scheint der offensichtliche Weg zu sein, eine Zeit zu betreten, also kann es ohne dieses Merkmal einschränkend wirken.

Dennoch empfehle ich Timedropper für eine einzigartige Schnittstelle und ein einfaches Setup für jeden, der es ausprobieren möchte.

Sie können den gesamten Quellcode auf GitHub kostenlos finden und Sie werden eine unglaublich einfache Demo in diesem Stift finden, die unten eingebettet ist.

Wenn Sie irgendwelche anderen Gedanken oder Vorschläge haben, können Sie gerne mit dem Entwickler auf Twitter @felice_gattuso teilen.

10 Möglichkeiten, wie Sie zur Open Source Community beitragen können

10 Möglichkeiten, wie Sie zur Open Source Community beitragen können

Open-Source-Software hat dazu beigetragen, die Entwicklung der Informationstechnologie zu beschleunigen und neue Möglichkeiten zu schaffen. Denken Sie nur an Startups und kleine Unternehmen, die kostenlose CMS wie Drupal oder WordPress nutzen, oder Desktop-Umgebungen, die von Linux-Distributionen bereitgestellt werden, die wir kostenlos nutzen können.O

(Tech- und Design-Tipps)

6 LinkedIn Alternativen, um Ihr professionelles Netzwerk zu erweitern

6 LinkedIn Alternativen, um Ihr professionelles Netzwerk zu erweitern

Egal, ob Sie eine gut ausgebildete Person mit ausreichend Berufserfahrung oder einen frischen Absolventen ohne Erfahrung sind, benötigen Sie möglicherweise ein bisschen mehr Hilfe, um sich zu den richtigen Menschen zu projizieren . Social Networking ist so ein fester Bestandteil unseres täglichen Lebens geworden und es ist wirklich wichtig für alle Profis, die Vorteile zu nutzen.Es

(Tech- und Design-Tipps)