# j-MonthlyCalendar

> A hónapok és napok nevei a jComponent könyvtárban meghatározott MONTHS és DAYS tulajdonságokból származnak.

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

- Csak havi nézetet támogat

__konfiguráció__:

- `parent {String}` egy jQuery kiválasztó a rögzített magasság eléréséhez (default `auto`)
- `firstday {Number}` Az első nap a naptárban `0 = Sunday`A default `0`
- `noborder {Boolean}` meghibásodott határ (default: `false`)
- A `selectable {Boolean}` lehetővé teszi a napok kiválasztását (default: `true`)
- `morebutton {String}` egy Tangular mintát a __More gomb__ (default: `+{{ count }} more`)
- `select {String}` egy út a `Function(item_event, el, e)`, legyen óvatos: `item_event` lehet `null`
- A `create {String}` az út a `Function({ beg: Date, end: Date }, beg_element, end_element)` felé
- A `dblclick {String}` az út a `Function(item_event, el, e)` felé
- A `dblclickdate {String}` az út a `Function(date, el, e)` felé
- A `contextmenu {String}` az út a `Function(item_event, el, e)` felé
- `rebind {String}` Egy út a `Function({ dates: Array, date: Date })` A napirend megkötésének időpontja
- `topoffset {Boolean}` aljzatok `offset.top` a `height` (default: `false`)
- `topposition {Boolean}` aljzatok `position.top` a `height` (default: `false`)
- `margin {Number}` felső / alsó margin együtt (default: `0`)
- `marginxs {Number}` felső / alsó margin együtt a `xs` képernyő szélessége
- `marginsm {Number}` felső / alsó margin együtt a `sm` képernyő szélessége
- `marginmd {Number}` felső / alsó margin együtt a `md` képernyő szélessége
- `marginlg {Number}` felső / alsó margin együtt a `lg` képernyő szélessége
- __NEW__: A `keepselected {Boolean}` megtartja a kiválasztott (megállapított) napokat (például: `false`)
- __NEW__: `hover {String}` egy út a `Function({ beg: Date, end: Date }, beg_element, end_element)` (mint `create`, de hívják a `component.hover()` és `component.unhover()` módszerek)
- __NEW__: `scalewidth {Boolean}` mérik a magasságot a szülőelem szélessége szerint

__módszerek__:

- `component.addevents(events)` események
	- A `events` az alábbi objektumok sorozata:
	- `[{ id: String, beg: Date, end: Date, html: String, icon: String, color: String, background: Boolean }]`
- A `component.addevent(event)` egy eseményt ad
	- nem kombinálható a `addevents` módszerrel
	- Többször is végrehajtható
	- Értekezlet: `{ id: String, html: String, icon: String, color: String, background: Boolean }`
- __NEW__: `component.addbadge(date, [color])` hozzáad egy jelet
- Hírek > `component.hover(beg, end)`
- Hírek > `component.unhover()`
- `component.clear()` eltávolítja az összes eseményt és jelet

__Helyszín__:

A hónap és a nap nevei a `MONTHS` és a `DAYS` tulajdonságokból származnak, amelyeket a jComponent könyvtárban határoztak meg.

Használja a `<ui-component name="monthlycalendar">`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ő: Peter Širka. forrás: a Componentator Az összetevők raktár, MIT licenc.

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