Плагин формы jQuery EasyUI -Calendar

jQuery EasyUI 插件Плагин jQuery EasyUI

Переопределите настройки по умолчанию через $.fn.calendar.defaults.

Календарь отображает календарь на один месяц, который позволяет пользователям выбирать дату и переходить к предыдущему и следующему месяцу. По умолчанию первый день каждой недели — воскресенье. Это можно изменить, задав значение свойства 'firstDay'.

Использование

Создайте календарь из разметки.

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

Создайте календарь с использованием JavaScript.

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

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

Свойства

Name Type Описание Значение по умолчанию
width число Ширина компонента календаря. 180
height число Высота компонента календаря. 180
fit логическое значение Если установлено значение true, размер календаря подстраивается под родительский контейнер. false
border логическое значение Определяет, показывать ли границу. истина
firstDay число Определяет первый день недели. Воскресенье — 0, понедельник — 1, ... 0
weeks array Отображает список дней недели. ['S','M','T','W','T','F','S']
months array Отображает список месяцев. ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
год число Год календаря. В следующем примере показано, как создать календарь с указанным годом и месяцем.
<div class="easyui-calendar" data-options="year:2012,month:6" />
Текущий год (4 цифры)
month число Месяц календаря. Текущий месяц (начиная с 1)
current Date Текущая дата. Текущая дата

Events

Name Parameters Описание
onSelect date Срабатывает, когда пользователь выбирает дату.
Пример кода:
$('#cc').calendar({
    onSelect: function(date){
        alert(date.getFullYear()+":"+(date.getMonth()+1)+":"+date.getDate());
    }
});

Методы

Name Parameters Описание
options none Возвращает объект options.
resize none Изменяет размер календаря.
moveTo date Перемещает календарь на указанную дату.
Пример кода:
$('#cc').calendar('moveTo', new Date(2012, 6, 1));
jQuery EasyUI 插件jQuery EasyUI Plugin Другие расширения