jQuery EasyUI Formular-Plugin -Timespinner Zeit-Spinner

jQuery EasyUI 插件jQuery EasyUI Plugins

Erbt von $.fn.spinner.defaults. Überschreiben Sie die Standardvorgaben über $.fn.timespinner.defaults.

Der Timespinner wird auf Basis des Spinners erstellt. Er ähnelt dem Numberspinner, zeigt aber nur Zeitwerte an. Der Timespinner ermöglicht es Benutzern, die Zeit durch Klicken auf die kleinen Spinner-Schaltflächen auf der rechten Seite der Komponente zu erhöhen oder zu verringern.

Abhängigkeiten

  • spinner

Nutzung

Erstellen Sie einen Timespinner aus Markup.

<input id="ss" class="easyui-timespinner" style="width:80px;"
    required="required" data-options="min:'08:30',showSeconds:true">

Erstellen Sie einen Timespinner mit JavaScript.

<input id="ss" style="width:80px;">

$('#ss').timespinner({
    min: '08:30',
    required: true,
    showSeconds: true
});

Eigenschaften

Die Eigenschaften erben vom Spinner. Im Folgenden sind die hinzugefügten Eigenschaften für den Timespinner aufgeführt.

Name Type Beschreibung Standard
separator string Das Trennzeichen zwischen Stunden, Minuten und Sekunden. :
showSeconds boolesch Legt fest, ob die Sekundeninformation angezeigt werden soll. false
highlight number Das anfänglich hervorgehobene Feld, 0 = Stunde, 1 = Minute, ... 0

Ereignisse

Die Ereignisse erben von spinner.

Methoden

Die Methoden erben vom Spinner. Im Folgenden sind die überschriebenen Methoden für den Timespinner aufgeführt.

Name Parameters Beschreibung
options none Gibt das Optionsobjekt zurück.
setValue value Setzt den Wert des Timespinners.
Codebeispiel:
$('#ss').timespinner('setValue', '17:45');  // set timespinner value
var v = $('#ss').timespinner('getValue');  // get timespinner value
alert(v);
getHours none Aktuellen Stundenwert abrufen.
getMinutes none Aktuellen Minutenwert abrufen.
getSeconds none Aktuellen Sekundenwert abrufen.
jQuery EasyUI 插件jQuery EasyUI Plugins Weitere Erweiterungen