# j-MonthlyCalendar

> Nazwy miesięcy i dni pochodzą z właściwości MONTHS i DAYS zdefiniowanych w bibliotece jComponent.

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

- Wspiera tylko miesięczny widok

__Konfiguracja__:

- `parent {String}` - wybór jQuery do uzyskania stałej wysokości (default `auto`)
- `firstday {Number}` Pierwszy dzień w kalendarzu `0 = Sunday`• Default `0`
- `noborder {Boolean}` nie jest granicą (default: `false`)
- `selectable {Boolean}` umożliwia wybór dni (default: `true`)
- `morebutton {String}` szablonu Tangular dla przycisku __Więcej__ (default: `+{{ count }} more`)
- `select {String}` jest drogą do `Function(item_event, el, e)`, uważaj: `item_event` może być `null`
- `create {String}` - droga do `Function({ beg: Date, end: Date }, beg_element, end_element)`
- `dblclick {String}` - droga do `Function(item_event, el, e)`
- `dblclickdate {String}` - droga do `Function(date, el, e)`
- `contextmenu {String}` - droga do `Function(item_event, el, e)`
- `rebind {String}` Droga do `Function({ dates: Array, date: Date })` Wykonuje się, gdy kalendarz jest odłożony
- Subtrakcje `topoffset {Boolean}` `offset.top` z `height` (default: `false`)
- Subtrakcje `topposition {Boolean}` `position.top` z `height` (default: `false`)
- `margin {Number}` górna / dolna marża razem (default: `0`)
- `marginxs {Number}` górna / dolna margina razem dla szerokości ekranu `xs`
- `marginsm {Number}` górna / dolna margina razem dla szerokości ekranu `sm`
- `marginmd {Number}` górna / dolna margina razem dla szerokości ekranu `md`
- `marginlg {Number}` górna / dolna margina razem dla szerokości ekranu `lg`
- __NEW__: `keepselected {Boolean}` utrzymuje wybrane dni (default: `false`)
- __NEW__: `hover {String}` jest ścieżką do `Function({ beg: Date, end: Date }, beg_element, end_element)` (tak samo jak `create`, ale nazywa się go metodami `component.hover()` i `component.unhover()`)
- __NEW__: `scalewidth {Boolean}` skala wysokość według szerokości elementu ojczystego

__Metody__:

- `component.addevents(events)` dodaje wydarzenia
	- `events` oznacza Array obiektu poniżej:
	- `[{ id: String, beg: Date, end: Date, html: String, icon: String, color: String, background: Boolean }]`
- `component.addevent(event)` dodaje wydarzenie
	- Nie można łączyć z metodą `addevents`
	- Można go wykonywać wielokrotnie
	- Obiekt wydarzenia: `{ id: String, html: String, icon: String, color: String, background: Boolean }`
- __NEW__: `component.addbadge(date, [color])` dodaje znak
- Nowy: `component.hover(beg, end)`
- Nowy: `component.unhover()`
- `component.clear()` usuwa wszystkie wydarzenia i znaki

__Lokalizacja__:

Nazwy miesięcy i dni pochodzą z właściwości `MONTHS` i `DAYS` zdefiniowanych w bibliotece jComponent.

Użyj go z `<ui-component name="monthlycalendar">`Gdy element nie jest jeszcze ładowany, jComponent Pobierz go po pierwszym użyciu z adresu `DEF.fallback` (Wydaje się Componentator Autor: Peter Širka Źródło: Componentator Zestaw składników, licencja MIT.

```html example.html
<style>
	body{margin:0;padding:0;overflow:hidden;}
</style>

<ui-component name="monthlycalendar" path="common.date" config="parent:auto;noborder:1;firstday:1"></ui-component>

<script>
	var common = { date: NOW };

	(function() {
		var events = [];
		events.push({ id: 'a', beg: NOW.add('-10 days'), end: NOW.add('2 days'), html: 'Big event', color: 'orange' });
		events.push({ id: 'b', beg: NOW, html: 'Current', icon: 'ti ti-car', color: 'blue' });
		SETTER(true, 'monthlycalendar/addevents', events);
	})();

</script>
```