j-Period

Il componente per la selezione di un periodo di tempo.

• singolo

Metodi:

Metodo: component.show(options)

• options.element {Elemento/jQuery Elemento} - tutti i calcoli di allignamento saranno relativi a questo elemento
• options.align Alinea il componente relativamente all'elemento nella proprietà di options.element.Le proprietà disponibili: 'centro', 'legge' e 'giusto'.Il valore predefinito - 'giusta'
• La funzione options.callback, che verrà eseguita cliccando sul pulsante 'Applicare' del componente - riceve due parametri: gli oggetti di data di inizio e di fine
• options.start, options.end {Data} - Per predefinire il periodo selezionato, entrambe di queste proprietà dovrebbero essere specificate.

Configurazione:

• firstday - {String} - Permette di impostare il primo giorno della settimana a lunedì. Il valore predefinito è 'lunedì' - Giorni della settimana inizia da lunedì; 'settembre' - giorni della settimana iniziano da domenica.
• dateformat - {String} - Specifica il formato della data. Il valore predefinito - DEF.dateformat
• apply - {String} - Etichette per il pulsante "Applicare"
• cancel - {String} - Etichette per il pulsante "Cancelare"
• custom - {String} - Etichette per il pulsante "Custom"
• month - {String} - Etichette per il pulsante di filtro "Mese corrente"
• thisY - {String} - Etichette per il pulsante di filtro "Questo anno"
• lastY - {String} - Etichette per il pulsante di filtro "Last Year"

Utilizzare con <ui-component name="period">Quando il componente non è ancora caricato, jComponent Scarica il codice in prima utilizzazione dall'indirizzo DEF.fallback (Il Componentator La storia di Kirill Zlobin.Fonte: il Componentator Ristorante dei componenti, licenza MIT.

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