j-Period

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.

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