10 jQuery Time Picker -Plugins

zehn coole jQuery Time Selector -Plugins, damit Ihre Webseite neu aussieht! Obwohl Datums- und Kalenderwählern überall sind, sind die Zeitauswahl relativ gering. Es ist Zeit, Sie diese hervorragenden Plugins anzusehen!

aktualisiert: 24. März 2016 veraltet, beschädigte oder veraltete Plugins wurden entfernt. Die gesamte Liste wurde basierend auf aktuellen Designtrends und -standards aktualisiert, und einige neue Plugins wurden hinzugefügt.

1. jQuery.TimePicker

Suchen Sie nach einfachen und benutzerfreundlichen Plug-Ins? Inspiriert von Google Calendar, ist dieses JQuery.TeMePicker -Plugin eine leistungsstarke Bibliothek, die die Zeiteingabe so natürlich wie möglich macht.

Home/Demo |

2. Wickedpicker

Wickedpicker hat einen tollen Look und seine saubere Oberfläche verleiht Ihrer Website einen Charme.

Home/Demo |

jQuery TimePicker

3. Mit
können Benutzer die Zeit frei eingeben oder ein einfaches Dropdown-Menü verwenden, um Zeit auszuwählen. Verwechseln Sie dieses Plugin nicht mit dem ersten Plugin auf der Liste, sie sind völlig unterschiedliche Plugins mit demselben Namen!

Home/Demo |

Bootstrap -Material DateTimePicker

4. Lassen Sie sich nicht mit dem Namen irregeführt, dieses Plugin benötigt kein Bootstrap mehr! Ursprünglich für Bootstrap erstellt, erfordert dieser einfache und schöne Uhrzeitauswahl nur JQuery.

Home/Demo |

jQuery UI TimePicker

6. A JQuery UI Time Selector -Plugin, das anderen offiziellen Jquery UI -Widgets entspricht. Basierend auf dem vorhandenen Datumspicker fügt es sich gut in Ihr Formular ein und verwendet das JQuery UI -Thema Ihrer Wahl. Dieses Plugin ist für die Zeit (Stunden/Minuten) sehr einfach in Ihr Formular in Ihr Formular integriert.

Home/Demo |

TimePicki

6. Wenn Ihre Seite mehr Stil benötigt, ist TimePicki möglicherweise die perfekte Wahl für Sie. Dieses gut gestaltete moderne Plug-In beeindruckt Ihre Benutzer.

Home/Demo |

jQueryTimeAutOcomplete

Es ist nicht nur ein Zeitauswahl, sondern ermöglicht es Entwicklern mit JQueryTimeAutOcomplete, Zeitbereichsauswahlern einfach zu implementieren.

7. 

   Home/Demo |

   8. jQuery Time Entry

   Lassen Sie Ihre Benutzer ihre Zeiteingabe auf verschiedene Weise ändern, auch wenn Sie das Mausrad verwenden!

   

   Home/Demo |
   pttimeSelect
   Ein JQuery -Plugin, das den Benutzern eine Benutzeroberfläche zum Definieren und Festlegen von Zeiten für Benutzerformulare bietet. Es erfordert JQuery (offensichtlich) sowie das Dimming.js -Plugin (auch bei JQuery erhältlich).

   Home/Demo |

   timeago

   10. Timeago selbst ist kein Zeitauswahl, aber es hilft Ihnen, einen problemlos zu erstellen, indem Sie den Fuzzy -Zeitstempel automatisch aktualisieren. (Zum Beispiel "vor 4 Minuten" oder "vor ungefähr 1 Tag")

   Home/Demo | häufig gestellte Fragen zum JQuery Time Selector Plugin (FAQs)

   Welche Schlüsselfunktionen müssen bei der Auswahl des JQuery Time Selector -Plugins berücksichtigt werden?

   Berücksichtigen Sie bei der Auswahl des JQuery Time Selector -Plugins die folgenden Schlüsselmerkmale: Benutzerfreundlichkeit, Anpassungsoptionen, Kompatibilität mit einer Vielzahl von Browsern und Geräten und die Möglichkeit, verschiedene Zeitformate zu verarbeiten. Einige Plugins bieten zusätzliche Funktionen wie Zeitbereiche, Zeitinkremente und die Möglichkeit, bestimmte Zeitbereiche zu deaktivieren. Die Dokumentation und Unterstützung des Plugins muss ebenfalls berücksichtigt werden, sowie deren Gesamtleistung und Zuverlässigkeit.

   Wie installiere ich JQuery Time Selector -Plugin?

   Installieren des JQuery Time Selector -Plugins beinhaltet normalerweise das Herunterladen der Plugin -Datei und das Einbeziehen in Ihr Projekt. Sie müssen die JQuery -Bibliothek, die CSS -Datei von Plugins und die JavaScript -Datei von Plugin einschließen. Sie können dann die Dokumentfunktion von JQuery verwenden, um das Plugin in Ihrem Eingabeelement zu initialisieren. Der genaue Installationsprozess kann je nach spezifischem Plug-In variieren.

   Kann ich das Erscheinungsbild des JQuery Time Selector -Plugins anpassen?

   Ja, die meisten JQuery Time Selector -Plugins bieten eine Vielzahl von Anpassungsoptionen. Normalerweise können Sie das Farbschema, das Layout und das Format der Zeitauswahl ändern. Mit einigen Plugins können Sie auch benutzerdefinierte CSS -Klassen oder -stile hinzufügen. Bitte überprüfen Sie die Plugin -Dokumentation, um bestimmte Anweisungen zum Anpassung seines Erscheinungsbilds zu erhalten.

   Ist das JQuery Time Selector -Plugin mit allen Browsern kompatibel?

   Die meisten JQuery Time Selector -Plugins sind so konzipiert, dass sie mit einer Vielzahl von Browsern kompatibel sind, darunter Chrome, Firefox, Safari und Internet Explorer. Die Kompatibilität kann jedoch je nach einem bestimmten Plug-In und seiner Version variieren. Es ist am besten, das Plugin in einem anderen Browser zu testen, um sicherzustellen, dass es wie erwartet funktioniert.

   Wie verwendet ich JQuery Time Selector -Plugin, um verschiedene Zeitformate zu verarbeiten?

   Mit vielen JQuery -Zeitauswahl -Plugins können Sie verschiedene Zeitformate verarbeiten. Sie können das Format normalerweise angeben, wenn Sie das Plugin initialisieren. Sie können beispielsweise ein 12-Stunden-Format mit einem AM/PM-Indikator oder einem 24-Stunden-Format auswählen. Einige Plugins unterstützen auch verschiedene Orte, die das Zeitformat beeinflussen können.

   Kann ich einen bestimmten Zeitbereich mit dem JQuery Time Selector -Plugin deaktivieren?

   Ja, einige jQuery -Zeitauswahl -Plugins ermöglichen es Ihnen, bestimmte Zeitbereiche zu deaktivieren. Dies ist sehr nützlich, wenn Sie die Benutzer daran hindern möchten, bestimmte Zeiten zu wählen. Die genaue Möglichkeit, Zeitbereiche zu deaktivieren, kann von Plugin zu Plugin variieren. Überprüfen Sie daher die Plugin -Dokumentation auf bestimmte Anweisungen.

   So setzen Sie die Standardzeit mit JQuery Time Selector Plugin?

   Einstellen der Standardzeit mit dem JQuery Time Selector -Plugin enthält normalerweise die Standardzeit beim Initialisieren des Plugins. Die genaue Methode kann von Plugin zu Plugin variieren. Überprüfen Sie daher die Plugin -Dokumentation auf bestimmte Anweisungen.

   Kann ich das JQuery Time Selector -Plugin mit dem Datumsauswahl -Plugin verwenden?

   Ja, viele JQuery Time Selector -Plugins können mit Datumsauswahl -Plugins verwendet werden. Auf diese Weise kann der Benutzer sowohl Datum als auch Uhrzeit auswählen. Einige Plugins bieten sogar integrierte Funktionen für Datums- und Zeitauswahl.

   Wie verwendet ich JQuery Time Selector -Plugin, um Zeitzonen zu verarbeiten?

   Verwenden des JQuery Time Selector-Plugins, um Zeitzonen zu verarbeiten, kann etwas schwierig sein, da nicht alle Plugins integrierte Zeitzonenunterstützung bieten. Sie können die Zeitzone jedoch normalerweise manuell verarbeiten, indem Sie die ausgewählte Zeit anhand der Zeitzone des Benutzers anpassen.

   Ist das JQuery Time Selector-Plug-In für deaktivierte Benutzer verfügbar?

   Die Verfügbarkeit kann je nach dem spezifischen JQuery Time Selector -Plugin variieren. Einige Plugins sind unter Berücksichtigung der Benutzerfreundlichkeit konzipiert und bieten Funktionen wie Tastaturnavigation und Bildschirmleserunterstützung. Es ist jedoch am besten, immer eine Vielzahl von Plugins für assistive Technologien zu verwenden, um sicherzustellen, dass es allen Benutzern zur Verfügung steht.

Das obige ist der detaillierte Inhalt von10 jQuery Time Picker -Plugins. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!