# j-Period

> Zestaw do wyboru okresu czasu.

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: pl
Content-SHA256: 3523f5346236800a410123583e515697a5f9fd874575d71605607374d5f5c15f
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

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.

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