ForgeKomponenty
cs

Komponenty

j-Period

jComponent 20 · jcomponent@20 component Příklad načten s jComponent 20

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.

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>