j-Period

Zestaw do wyboru okresu czasu.

• Singleton

Metody:

Metoda: component.show(options)

• options.element {Element/jQuery Element} - wszystkie obliczenia alligamentów będą stosunkowe do tego elementu
• options.align Związanie elementu względem elementu options.element Dostępne właściwości: „środek”, „lewa” i „prawa”.
• Funkcja options.callback, która zostanie wykonana klikając przycisk "Aplikuj" komponentu - otrzymuje dwa parametry: obiekty daty rozpoczęcia i zakończenia
• options.start, options.end {Data} - W celu określenia wybranego okresu, ** obie te właściwości powinny być określone.

Konfiguracja:

• firstday - {String} - Umożliwia ustawienie pierwszego dnia tygodnia na poniedziałek. wartość domyślna jest 'miesiąc' - Dni tygodnia zaczynają się od poniedziału.
• dateformat - {String} - określa format daty. wartość domyślna - DEF.dateformat
• apply - {String} - Etykieta dla przycisku "Aplikuj"
• cancel - {String} - Etykieta dla przycisku "Ancel"
• custom - {String} - Etykieta dla przycisku "Custom"
• month - {String} - Etykieta dla przycisku filtrującego "Trenutowy miesiąc"
• thisY - {String} - Etykieta dla przycisku filtra "Ten rok"
• lastY - {String} - Etykieta dla przycisku filtrującego "Przeszły rok"

Użyj go z <ui-component name="period">Gdy element nie jest jeszcze ładowany, jComponent Pobierz go po pierwszym użyciu z adresu DEF.fallback (Wydaje się Componentator Autor: Kirill Zlobin Źródło: Componentator Zestaw składników, licencja MIT.

<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>