# j-Period

> Komponent na výber časového obdobia.

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: sk
Content-SHA256: 5342b82e603b479def31c11c126a45cc16467abb98fce9a697871da6bc06f261
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

Komponent na výber časového obdobia.

- singleton

__Metódy__:

Metóda: `component.show(options)`

- `options.element` {Element/jQuery Element} - všetky výpočty alligmentu budú relatívne k tomuto prvku
- `options.align` Vhodné pre prvok v `options.element` vlastnosti. k dispozícii vlastnosti: 'stredný', 'ľavý' a 'pravý'.
- `options.callback` Funkcia, ktorá bude spustená kliknutím na tlačidlo "Aplikovať" komponenty - dostane dva parametre: začiatok a koniec dátumu objektov
- `options.start`, `options.end` {Dátum} - Na preddefinovanie vybraného obdobia by sa mali uvádzať **obidve** týchto vlastností.


__Konfigurácia__:

- `firstday` - {String} - Umožňuje nastaviť prvý deň v týždni na pondelok. predvolená hodnota je "monday" - Dni v týždňoch začínajú od pondelka.
- `dateformat` - {String} - Ukazuje dátumový formát. predvolená hodnota - `DEF.dateformat`
- `apply` - {String} - Značka pre tlačidlo "Aplikovať"
- `cancel` - {String} - Značka pre tlačidlo "Zrušiť"
- `custom` - {String} - Značka pre tlačidlo "Custom" filter
- `month` - {String} - Značka pre tlačidlo "Trenútny mesiac" filter
- `thisY` - {String} - Značka pre "Tento rok" filter tlačidlo
- `lastY` - {String} - Značka pre tlačidlo "Posledný rok" filter

Použite ho so `<ui-component name="period">`. Keď komponent ešte nie je načítaný, jComponent ho stiahne pri prvom použití z adresy v `DEF.fallback` (predvolene CDN Componentator). Autor: Kirill Zlobin. Zdroj: úložisko komponentov Componentator, licencia 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>
```