j-Period

Komponenten för att välja en tidsperiod.

• singlar

Metoder:

Metod: component.show(options)

• options.element {Element/jQuery Element} - alla alligationsberäkningar kommer att vara relativa till detta element
• options.align Anpassa komponenten i förhållande till elementet i options.element egenskap. Tillgängliga egenskaper: 'center', 'vänster' och 'rätta'.
• options.callback-funktion, som kommer att utföras genom att klicka på knappen "Applicera" av komponenten - får två parametrar: start och slutdatum objekt
• options.start, options.end {Date} - För att förutse den valda perioden ska båda av dessa egenskaper anges.

Konfigurera:

• firstday - {String} - Tillåter att ställa in den första dagen i veckan till måndag. standardvärdet är 'månad' - Dagar i veckan börjar från måndagen.
• dateformat - {String} - Anger datumformat. standardvärdet - DEF.dateformat
• apply - {String} - Etikett för "Apply" knappen
• cancel - {String} - Etikett för knappen "Avbryt"
• custom - {String} - Etikett för "Custom" filter knappen
• month - {String} - Etikett för "För närvarande månad" filter knappen
• thisY - {String} - Etikett för "Denna år" filter knappen
• lastY - {String} - Etikett för "Last year" filter knappen

Använd den med <ui-component name="period">När komponenten ännu inte är laddad, jComponent Ladda ner den första gången från adressen i DEF.fallback (en av Componentator Författare: Kirill Zlobin. källa: The Componentator Komponenterna i lager, MIT licens.

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