j-MonthlyCalendar

jComponent 20 · jcomponent@20 component Példa betöltve a jComponent 20-szal

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 = SundayA 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.

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>