# j-Period

> Componenta pentru alegerea unui interval de timp.

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

Componenta pentru alegerea unui interval de timp.

- Singletă

__Metode__:

Metodă: `component.show(options)`

- `options.element` {Element/jQuery Element} - toate calculele de alligament vor fi relative acestui element
- `options.align` Aliniați componentul în raport cu elementul din proprietatea `options.element`. proprietățile disponibile: 'centru', 'left' și 'dreapta'.
- `options.callback` Funcția, care va fi executată prin clic pe butonul "Applicare" al componentei - primește două parametri: obiectele de începere și de încheiere
- `options.start`, `options.end` {Data} - Pentru a predifica perioada selectată, trebuie specificate ambele dintre aceste proprietăți.


__Configurarea__:

- `firstday` - {String} - Permite să se stabilească prima zi a săptămânii la Luni. valoarea standardă este 'Monday' - Zilele săptămâinii încep de luni. 'Sunday' - zilele săptămânale încep de duminică.
- `dateformat` - {String} - Specifica formatul de date. valoarea standardă - `DEF.dateformat`
- `apply` - {String} - Etichetă pentru butonul "Apply"
- `cancel` - {String} - Etichetă pentru butonul "Cancelare"
- `custom` - {String} - Etichetă pentru butonul de filtrare "Custom"
- `month` - {String} - Etichetă pentru butonul de filtrare "Lună curentă"
- `thisY` - {String} - Etichetă pentru butonul de filtrare "Acest an"
- `lastY` - {String} - Etichetă pentru butonul de filtrare "Anul trecut"

Utilizați-l cu `<ui-component name="period">`Când componenta nu este încă încărcată, jComponent Descărcați-l la prima utilizare de la adresa `DEF.fallback` (în cazul Componentator Cuvânt cheie: Kirill Zlobin, sursa Componentator Componente de stocare, MIT licență.

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