Plugin de formulario jQuery EasyUI -Timespinner (selector de tiempo)

jQuery EasyUI 插件Plugin jQuery EasyUI

Se extiende desde $.fn.spinner.defaults. Los valores por defecto se pueden sobrescribir mediante $.fn.timespinner.defaults.

El selector de tiempo (timespinner) se crea basándose en el selector (spinner). Es similar al selector numérico (numberspinner), pero solo muestra valores de tiempo. El selector de tiempo (timespinner) permite al usuario aumentar o disminuir la hora haciendo clic en los pequeños botones de ajuste en el lado derecho del componente.

Dependencias

  • spinner

Uso

Crear un selector de tiempo (timespinner) desde el marcado.

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

Crear un selector de tiempo (timespinner) usando JavaScript.

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

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

Propiedades

Las propiedades se extienden desde el selector (spinner). A continuación se muestran las propiedades añadidas para el selector de tiempo (timespinner).

Nombre Tipo Descripción Valor por defecto
separator string El separador entre horas, minutos y segundos. :
showSeconds boolean Define si se muestra la información de los segundos. false
highlight number El campo resaltado inicialmente, 0 = hora, 1 = minuto, ... 0

Eventos

Los eventos se extienden desde el selector (spinner).

Métodos

Los métodos se extienden desde el selector (spinner). A continuación se muestran los métodos reescritos para el selector de tiempo (timespinner).

Nombre Parámetros Descripción
options none Devuelve el objeto de opciones (options).
setValue value Establece el valor del selector de tiempo (timespinner).
Ejemplo de código:
$('#ss').timespinner('setValue', '17:45');  // set timespinner value
var v = $('#ss').timespinner('getValue');  // get timespinner value
alert(v);
getHours none Obtiene el valor actual de la hora.
getMinutes none Obtiene el valor actual de los minutos.
getSeconds none Obtiene el valor actual de los segundos.
jQuery EasyUI 插件Plugin jQuery EasyUI Otras extensiones