# j-Period

> Il componente per la selezione di un periodo di tempo.

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: it
Content-SHA256: f357321cc5c0052af45234c1ee7f874f15d8620baaee2a2173e57585cb5fa159
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

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.

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