j-Period

Componenta pentru alegerea unui interval de timp.

• Singletă

Metode:

Metodă: component.show(options)

• options.element {Element/jQuery Element} - toate calculele de alligament vor fi relative acestui element
• options.align Aliniați componentul în raport cu elementul din proprietatea options.element. proprietățile disponibile: 'centru', 'left' și 'dreapta'.
• options.callback Funcția, care va fi executată prin clic pe butonul "Applicare" al componentei - primește două parametri: obiectele de începere și de încheiere
• options.start, options.end {Data} - Pentru a predifica perioada selectată, trebuie specificate ambele dintre aceste proprietăți.

Configurarea:

• firstday - {String} - Permite să se stabilească prima zi a săptămânii la Luni. valoarea standardă este 'Monday' - Zilele săptămâinii încep de luni. 'Sunday' - zilele săptămânale încep de duminică.
• dateformat - {String} - Specifica formatul de date. valoarea standardă - DEF.dateformat
• apply - {String} - Etichetă pentru butonul "Apply"
• cancel - {String} - Etichetă pentru butonul "Cancelare"
• custom - {String} - Etichetă pentru butonul de filtrare "Custom"
• month - {String} - Etichetă pentru butonul de filtrare "Lună curentă"
• thisY - {String} - Etichetă pentru butonul de filtrare "Acest an"
• lastY - {String} - Etichetă pentru butonul de filtrare "Anul trecut"

Utilizați-l cu <ui-component name="period">Când componenta nu este încă încărcată, jComponent Descărcați-l la prima utilizare de la adresa DEF.fallback (în cazul Componentator Cuvânt cheie: Kirill Zlobin, sursa Componentator Componente de stocare, MIT licență.

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