j-Period

Die Komponente zum Auswählen eines Zeitraums.

• Singleton

Methoden:

Methode: component.show(options)

• options.element {Element/jQuery Element} - alle Alignment-Kalkulationen werden zu diesem Element relativ sein
• options.align Anpassung der Komponente in Bezug auf das Element in options.element Eigenschaft. Verfügbare Eigenschaften: 'Zentrum', 'Levend' und 'Richt'.
• options.callback-Funktion, die durch Klicken auf den "Anwendung" - erhalten zwei Parameter: Start und Enddatum Objekte
• options.start, options.end {Datum} - Um die ausgewählte Periode zu vordefinieren, sollte beide dieser Eigenschaften angegeben werden.

Konfiguration:

• firstday - {String} - Erlaubt, den ersten Tag der Woche auf Montag zu setzen. Der Standardwert ist 'Monday' - Tage der Woche beginnen von Montag.
• dateformat - {String} - Angibt das Datumformat. Der Standardwert - DEF.dateformat
• apply - {String} - Label für den "Anwendung" Button
• cancel - {String} - Label für die "annullieren" Button
• custom - {String} - Label für den "Custom" Filter-Taste
• month - {String} - Label für den "Filtermonat"
• thisY - {String} - Label für "Dieses Jahr" Filter-Taste
• lastY - {String} - Label für "Last Year" Filter Button

Verwenden Sie es mit <ui-component name="period">. Wenn die Komponente noch nicht geladen ist, lädt jComponent sie bei der ersten Verwendung von der Adresse in DEF.fallback herunter (standardmäßig das CDN Componentator). Autor: Kirill Zlobin. Quelle: Componentator-Komponenten-Repository, MIT-Lizenz.

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