Plugin de formulaire jQuery EasyUI -Timespinner Time Spinner

jQuery EasyUI 插件Plugins jQuery EasyUI

Hérite de $.fn.spinner.defaults. Remplacez les valeurs par défaut via $.fn.timespinner.defaults.

Le timespinner est créé sur la base du spinner. Il est similaire au numberspinner, mais il affiche uniquement des valeurs de temps. Le timespinner permet aux utilisateurs d'augmenter ou de diminuer le temps en cliquant sur les petits boutons du spinner à droite du composant.

Dépendances

  • spinner

Utilisation

Créer un timespinner à partir du balisage.

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

Créer un timespinner avec JavaScript.

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

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

Propriétés

Les propriétés héritent de spinner. Voici les propriétés ajoutées pour timespinner.

Name Type Description Default
separator string Le séparateur entre les heures, les minutes et les secondes. :
showSeconds booléen Définit si l'information des secondes doit être affichée. false
highlight nombre Le champ initialement mis en surbrillance, 0 = heure, 1 = minute, ... 0

Événements

Les événements héritent de spinner.

Méthodes

Les méthodes héritent de spinner. Voici les méthodes redéfinies pour timespinner.

Name Parameters Description
options none Renvoie l'objet options.
setValue value Définir la valeur du timespinner.
Exemple de code :
$('#ss').timespinner('setValue', '17:45');  // set timespinner value
var v = $('#ss').timespinner('getValue');  // get timespinner value
alert(v);
getHours none Obtenir la valeur de l'heure actuelle.
getMinutes none Obtenir la valeur de la minute actuelle.
getSeconds none Obtenir la valeur de la seconde actuelle.
jQuery EasyUI 插件Plugins jQuery EasyUI Autres extensions