Плагин формы jQuery EasyUI -Timespinner Time Spinner


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

Наследует от $.fn.spinner.defaults. Переопределите значения по умолчанию через $.fn.timespinner.defaults.

timespinner создаётся на основе spinner. Он похож на numberspinner, но отображает только значения времени. timespinner позволяет пользователям увеличивать или уменьшать время, нажимая небольшие кнопки spinner справа от компонента.

Зависимости

  • spinner

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

Создание timespinner из разметки.

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

Создание timespinner с помощью JavaScript.

<input id="ss" style="width:80px;">
$('#ss').timespinner({
    min: '08:30',
    required: true,
    showSeconds: true
});

Свойства

Свойства наследуются от spinner. Ниже перечислены добавленные свойства для timespinner.

Name Type Описание Default
separator string Разделитель между часами, минутами и секундами. :
showSeconds логическое значение Определяет, отображать ли информацию о секундах. false
highlight число Изначально выделенное поле, 0 = час, 1 = минута, ... 0

Events

События наследуются от spinner.

Методы

Методы наследуются от spinner. Ниже перечислены переопределённые методы для timespinner.

Name Parameters Описание
options none Возвращает объект options.
setValue value Устанавливает значение timespinner.
Пример кода:
$('#ss').timespinner('setValue', '17:45');  // set timespinner value
var v = $('#ss').timespinner('getValue');  // get timespinner value
alert(v);
getHours none Получить текущее значение часа.
getMinutes none Получить текущее значение минуты.
getSeconds none Получить текущее значение секунды.

jQuery EasyUI 插件Плагины jQuery EasyUI Другие расширения