jQuery EasyUI Form Plugin -Calendar

jQuery EasyUI 插件jQuery EasyUI Plugins

Anule los defaults predeterminados usando $.fn.calendar.defaults.

El calendario muestra un calendario mensual que permite al usuario seleccionar una fecha y moverse al mes anterior y al siguiente. Por defecto, el primer día de cada semana se establece en domingo. Esto se puede cambiar configurando el valor de la propiedad 'firstDay'.

Uso

Crear el calendario desde el marcado.

<div id="cc" class="easyui-calendar" style="width:180px;height:180px;"></div>

Crear el calendario usando javascript.

<div id="cc" style="width:180px;height:180px;"></div>

$('#cc').calendar({
    current:new Date()
});

Propiedades

Nombre Tipo Descripción Valor por defecto
width number El ancho del componente calendario. 180
height number El alto del componente calendario. 180
fit boolean Cuando se establece en true, el tamaño del calendario se ajusta para adaptarse a su contenedor padre. false
border boolean Define si se muestra el borde. true
firstDay number Define el primer día de cada semana. Domingo (Sunday) es 0, lunes (Monday) es 1, ... 0
weeks array Muestra la lista de los días de la semana. ['S','M','T','W','T','F','S']
months array Muestra la lista de los meses. ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
year number El año del calendario. El siguiente ejemplo demuestra cómo usar un año y un mes específicos para crear un calendario.
<div class="easyui-calendar" data-options="year:2012,month:6" />
Año actual (4 dígitos)
month number El mes del calendario. Mes actual (a partir de 1)
current Date La fecha actual. Fecha actual

Eventos

Nombre Parámetros Descripción
onSelect date Se dispara cuando el usuario selecciona una fecha.
Ejemplo de código:
$('#cc').calendar({
    onSelect: function(date){
        alert(date.getFullYear()+":"+(date.getMonth()+1)+":"+date.getDate());
    }
});

Métodos

Nombre Parámetros Descripción
options none Devuelve el objeto de opciones (options).
resize none Ajusta el tamaño del calendario.
moveTo date Mueve el calendario a una fecha especificada.
Ejemplo de código:
$('#cc').calendar('moveTo', new Date(2012, 6, 1));
jQuery EasyUI 插件jQuery EasyUI Plugins Otras extensiones