Complemento de formulario jQuery EasyUI -Datetimebox cuadro de fecha y hora

jQuery EasyUI 插件Complemento jQuery EasyUI

Se extiende desde $.fn.datebox.defaults. Sobrescriba los defaults predeterminados mediante $.fn.datetimebox.defaults.

Similar al cuadro de fecha (datebox), el cuadro de fecha y hora (datetimebox) permite al usuario seleccionar la fecha y hora con un formato específico para mostrar. Agrega un componente de spinner de tiempo (timespinner) al panel desplegable.

Dependencias

  • datebox
  • timespinner

Uso

Crear un cuadro de fecha y hora (datetimebox) desde el marcado.

<input class="easyui-datetimebox" name="birthday"
    data-options="required:true,showSeconds:false" value="3/4/2010 2:3" style="width:150px">

Crear un cuadro de fecha y hora (datetimebox) con javascript.

<input id="dt" type="text" name="birthday">

$('#dt').datetimebox({
    value: '3/4/2010 2:3',
    required: true,
    showSeconds: false
});

Propiedades

Estas propiedades se extienden desde el cuadro de fecha (datebox). A continuación se presentan las propiedades añadidas para el cuadro de fecha y hora (datetimebox).

Nombre Tipo Descripción Valor por defecto
showSeconds boolean Define si se muestra la información de los segundos. true
timeSeparator string Separador de tiempo entre horas, minutos y segundos. Esta propiedad está disponible desde la versión 1.3. :

Métodos

Estos métodos se extienden desde el cuadro de fecha (datebox). A continuación se presentan los métodos sobrescritos para el cuadro de fecha y hora (datetimebox).

Nombre Parámetros Descripción
options none Devuelve el objeto de opciones (options).
spinner none Devuelve el objeto del spinner de tiempo (timespinner).
setValue value Establece el valor del cuadro de fecha y hora (datetimebox).
Ejemplo de código:
$('#dt').datetimebox('setValue', '6/1/2012 12:30:56');    // set datetimebox value
var v = $('#dt').datetimebox('getValue');        // get datetimebox value
alert(v);
jQuery EasyUI 插件Complemento jQuery EasyUI Otras extensiones