# j-Period

> Az összetevő egy időtartam kiválasztására.

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

Az összetevő egy időtartam kiválasztására.

- Szingapúr

__módszerek__:

Módszer: `component.show(options)`

- `options.element` {Element/jQuery Element} - az összes alignment számítás ebben az elemben lesz relatív
- `options.align` A komponenshez viszonyítva a `options.element` tulajdonság. rendelkezésre álló jellemzők: 'központ', 'balra' és 'jobbra'.
- A `options.callback` funkció, amelyet az összetevő "Apply" gombjára kattintva hajtanak végre - két paraméteret kap: a kezdő és a végső dátum objektumai
- `options.start`, `options.end` {Dátum} - A kiválasztott időtartam előre meghatározásához **mindkettő** e tulajdonságokat meg kell határozni.


__konfiguráció__:

- `firstday` - {String} - A hét első napját hétfőn állítja be. Az alapértelmezett értéke "május" - A héten kezdődő napok hétfőtől kezdődnek.
- `dateformat` - {String} - Meghatározza a dátumformátumot. Az alapértelmezett érték - `DEF.dateformat`
- `apply` - {String} - címke a "Apply" gombra
- `cancel` - {String} - címkézés a "Törlés" gombra
- `custom` - {String} - címke a "Könnyű" szűrő gombra
- `month` - {String} - címke a "Március" szűrő gomb
- `thisY` - {String} - címke a "Ez az év" szűrő gomb
- `lastY` - {String} - címke a "Előző év" szűrő gomb

Használja a `<ui-component name="period">`Amennyiben a készülék még nem tölthető le, jComponent letöltés az első felhasználásra a címről `DEF.fallback` (Azt a Componentator A szerző: Kirill Zlobin. forrás: a Componentator Az összetevők raktár, MIT licenc.

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