ForgeКомпоненти
bg

Компоненти

j-Period

jComponent 20 · jcomponent@20 component Примерът е зареден с jComponent 20

Съставът за избора на временен период.

  • Синглът

Методи:

Методът: component.show(options)

  • options.element {Елемент/jQuery Елемент} - всички изчисления на алигмента ще бъдат относителни към този елемент
  • options.align Анализира компонента по отношение на елемента в свойството на options.element. налични свойства: "център", "лево" и "десно".
  • Функция options.callback, която ще бъде изпълнена чрез натискане на бутона "Апликация" на компонента - получава два параметра: старт и край на датата обекти
  • options.start, options.end {Дата} - За да се определи избраният период, двете от тези свойства трябва да бъдат посочени.

Конфигуриране:

  • firstday - {String} - Допуска да се зададе първия ден от седмицата до понеделник. Дните на седмицата започват от понеделника.
  • dateformat - {String} - Определя формата на датата. DEF.dateformat
  • apply - {String} - Етикет за бутона "Апликация"
  • cancel - {String} - Етикет за бутона "Отмяна"
  • custom - {String} - Етикет за бутона за филтриране "Настройки"
  • month - {String} - Етикет за "Текущ месец" филтър бутон
  • thisY - {String} - Етикет за бутона за филтриране "Този година"
  • lastY - {String} - Етикет за "Последната година" филтър бутон

Използвайте го с <ui-component name="period">Когато компонентът все още не е зареден, jComponent Изтегляне на първия адрес в DEF.fallback (След това Componentator Автор: Кирил Злобин. източник: Componentator Съставни съставки, лиценз на MIT.

example.html
<ui-component name="LAZY period"></ui-component>

<button class="btn">Click</button>

<script>

    $(document).on('click', '.btn', function() {
        var opt = {};
        opt.element = $(this);
        opt.align = 'left';
        opt.callback = function(start, end) {
            console.log(start);
            console.log(end);
        };
        SETTER('period/show', opt);
    });


</script>