j-MonthlyCalendar

jComponent 20 · jcomponent@20 component Exemplu încărcat cu jComponent 20

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 createDar 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ță.

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>