# j-Period

> Съставът за избора на временен период.

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

Съставът за избора на временен период.

- Синглът

__Методи__:

Методът: `component.show(options)`

- `options.element` {Елемент/jQuery Елемент} - всички изчисления на алигмента ще бъдат относителни към този елемент
- `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 Автор: Кирил Злобин. източник: Componentator Съставни съставки, лиценз на 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>
```