ForgeComponents
el

Components

j-Period

jComponent 20 · jcomponent@20 component Παράδειγμα φορτωμένο με jComponent 20

Το στοιχείο για την επιλογή μιας περιόδου.

  • Σιγκλέτο

Μέθοδοι:

Μέθοδος: component.show(options)

  • options.element {Element/jQuery Element} - όλοι οι υπολογισμοί αλιγμών θα είναι σχετικοί με αυτό το στοιχείο
  • options.align Προσαρμόστε το στοιχείο σε σχέση με το στοιχείο στην ιδιοκτησία options.element. διαθέσιμες ιδιότητες: 'κεντρική', 'αριστερή' και 'δεξιά'.
  • options.callback Λειτουργία, η οποία θα εκτελεστεί κάνοντας κλικ στο κουμπί "Αναθέτηση" του στοιχείου - λαμβάνει δύο παραμέτρους: αρχική και τελική ημερομηνία αντικείμενα
  • options.start, options.end {Ημερομηνία} - Για να καθοριστεί η επιλεγμένη περίοδος, πρέπει να προσδιοριστούν και οι δύο αυτές ιδιότητες.

ΕΠΙΤΡΟΦΗ:

  • firstday - {String} - Επιτρέπει να καθορίσετε την πρώτη ημέρα της εβδομάδας για Δευτέρα. Η προεπιλεγμένη τιμή είναι 'Μέλη' - Ημέρες της εβδομάδος ξεκινούν από Δευτέρα .
  • dateformat - {String} - Καθορίζει τη μορφή ημερομηνίας. Η προεπιλεγμένη τιμή - DEF.dateformat
  • apply - {String} - Ετικέτα για το κουμπί "Αναθέτηση"
  • cancel - {String} - Ετικέτα για το κουμπί "Ακύρωση"
  • custom - {String} - Ετικέτα για το κουμπί φίλτρου "Κατάρτιση"
  • month - {String} - Ετικέτα για το κουμπί φίλτρου "Σήμερα"
  • thisY - {String} - Ετικέτα για το κουμπί φίλτρου "Αυτή η χρονιά"
  • lastY - {String} - Ετικέτα για το κουμπί φίλτρου "Πρινό έτος"

Χρησιμοποιήστε το με <ui-component name="period">Όταν το στοιχείο δεν έχει φορτωθεί ακόμα, jComponent Κατεβάστε το για πρώτη φορά από τη διεύθυνση DEF.fallback (Η Componentator Συγγραφέας: Kirill Zlobin. Πηγή: The Componentator Ετικέτες Αξιολόγηση, MIT άδεια.

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>