# j-MonthlyCalendar

> Numele lunilor și zilelor sunt luate din proprietățile MONTHS și DAYS definite în biblioteca jComponent.

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

- susține doar viziunea lunară

__Configurarea__:

- `parent {String}` un selector jQuery pentru a obține înălțime fixă (default `auto`)
- `firstday {Number}` prima zi în calendarul `0 = Sunday`, standard `0`
- `noborder {Boolean}` este limită de defecțiune (default: `false`)
- `selectable {Boolean}` permite selectarea zilelor (default: `true`)
- `morebutton {String}` este un șablon Tangular pentru butonul __More__ (default: `+{{ count }} more`)
- `select {String}` este o cale spre `Function(item_event, el, e)`, fiți atenți: `item_event` poate fi `null`
- `create {String}` - un drum spre `Function({ beg: Date, end: Date }, beg_element, end_element)`
- `dblclick {String}` - un drum spre `Function(item_event, el, e)`
- `dblclickdate {String}` - un drum spre `Function(date, el, e)`
- `contextmenu {String}` - un drum spre `Function(item_event, el, e)`
- `rebind {String}` O cale de `Function({ dates: Array, date: Date })` se execută atunci când calendarul este suspendat
- `topoffset {Boolean}` Substrate `offset.top` De la `height` În mod implicit: `false`)
- `topposition {Boolean}` Substrate `position.top` De la `height` În mod implicit: `false`)
- `margin {Number}` top/bottom margin împreună (default: `0`)
- `marginxs {Number}` top/bottom margin împreună pentru largimea ecranului `xs`
- `marginsm {Number}` top/bottom margin împreună pentru largimea ecranului `sm`
- `marginmd {Number}` top/bottom margin împreună pentru largimea ecranului `md`
- `marginlg {Number}` top/bottom margin împreună pentru largimea ecranului `lg`
- __NEW__: `keepselected {Boolean}` păstrează zilele selectate (default: `false`)
- • Nouă: `hover {String}` O cale de `Function({ beg: Date, end: Date }, beg_element, end_element)` La fel ca și `create`Dar este chemat pe `component.hover()` şi `component.unhover()` Metode de
- __NEW__: `scalewidth {Boolean}` scală înălțimea în funcție de lățimea elementului matern

__Metode__:

- `component.addevents(events)` adăuga evenimente
	- `events` înseamnă aria obiectului de mai jos:
	- `[{ id: String, beg: Date, end: Date, html: String, icon: String, color: String, background: Boolean }]`
- `component.addevent(event)` adăuga un eveniment
	- Nu poate fi combinat cu metoda `addevents`
	- Se poate executa de mai multe ori
	- Obiectivul evenimentului: `{ id: String, html: String, icon: String, color: String, background: Boolean }`
- __NEW__: `component.addbadge(date, [color])` adaugă un semn
- Cuvânt cheie: `component.hover(beg, end)`
- Cuvânt cheie: `component.unhover()`
- `component.clear()` îndepărtează toate evenimentele și semnăturile

__Localizare__:

Numele lunii și zilelor sunt luate din proprietățile `MONTHS` și `DAYS` definite în biblioteca jComponent.

Utilizați-l cu `<ui-component name="monthlycalendar">`Când componenta nu este încă încărcată, jComponent Descărcați-l la prima utilizare de la adresa `DEF.fallback` (în cazul Componentator Autor: Peter Širka. sursă: Componentator Componente de stocare, MIT licență.

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