# j-Period

> Výběr časového období pro složení.

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: cs
Content-SHA256: 49b8c370c02febb47634a567cc400d6ebdd4d93f594c644c343b9ba873942d84
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

Výběr časového období pro složení.

- singleton

__Metody__:

Metoda: `component.show(options)`

- `options.element` {Element/jQuery Element} - všechny výpočty alligmentu budou relativní k tomuto prvku
- `options.align` Přizpůsobte složku ve vztahu k položce v vlastnictví `options.element`.Dostupné vlastnosti: 'střed', 'levo' a 'pravo'.
- `options.callback` Funkce, která bude spuštěna kliknutím na tlačítko "Aplikovat" složky - obdrží dva parametry: start a end datum objekty
- `options.start`, `options.end` {Data} - Aby bylo možné předdefinovat vybrané období, **obě tyto vlastnosti** by měly být specifikovány.


__Konfigurace__:

- `firstday` - {String} - Umožňuje nastavit první den v týdnu na pondělí. výchozí hodnota je "měsíc" - Dny v týdně začínají od ponděla.
- `dateformat` - {String} - specifikuje datum formátu. předvolená hodnota - `DEF.dateformat`
- `apply` - {String} - Značka pro tlačítko "Aplikovat"
- `cancel` - {String} - Značka pro tlačítko "Zrušit"
- `custom` - {String} - Značka pro tlačítko "Custom"
- `month` - {String} - Značka pro tlačítko filtrace "Tento měsíc"
- `thisY` - {String} - Značka pro tlačítko filtru "Tento rok"
- `lastY` - {String} - Značka pro tlačítko filtru "Poslední rok"

Použijte ji s `<ui-component name="period">`Pokud je součástka ještě nezačleněna, jComponent Stáhnout ji na první použití z adresy `DEF.fallback` a) The Componentator CDN dle předvolby. autor: Kirill Zlobin. zdroj: Componentator Výrobce je autorizován, MIT licence.

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