j-MonthlyCalendar

jComponent 20 · jcomponent@20 component Příklad načten s jComponent 20

Podporuje pouze měsíční

Konfigurace:

parent {String} jQuery selektor pro získání pevné výšky (předvolené auto)
firstday {Number} První den v kalendáři 0 = SundayDefaulty 0
noborder {Boolean} Přímá hranice (default) false)
selectable {Boolean} umožňuje výběr dnů (předběžně: true)
morebutton {String} šablona Tangular pro More tlačítko (předvolené: +{{ count }} more)
select {String} je cesta k Function(item_event, el, e), buďte opatrní: item_event může být null
create {String} - cesta k Function({ beg: Date, end: Date }, beg_element, end_element)
dblclick {String} - cesta k Function(item_event, el, e)
dblclickdate {String} - cesta k Function(date, el, e)
contextmenu {String} - cesta k Function(item_event, el, e)
rebind {String} - cesta k Function({ dates: Array, date: Date }) se provádí, když je kalendář zavěšen
topoffset {Boolean} substráty offset.top od height (předvolené: false)
topposition {Boolean} substráty position.top od height (předvolené: false)
margin {Number} horní / dolní marže spolu (default: 0)
marginxs {Number} top/bottom margin pro šířku obrazovky xs
marginsm {Number} top/bottom margin pro šířku obrazovky sm
marginmd {Number} top/bottom margin pro šířku obrazovky md
marginlg {Number} top/bottom margin pro šířku obrazovky lg
NEW: keepselected {Boolean} udržuje vybrané (vyhlášené) dny (předvolené: false)
NEW: hover {String} je cesta k Function({ beg: Date, end: Date }, beg_element, end_element) (podobně jako create, ale nazývá se na metody component.hover() a component.unhover())
NEW: scalewidth {Boolean} měří výšku podle šířky prvku rodiče

Metody:

component.addevents(events) přidává události
- events znamená Array objektu níže:
- [{ id: String, beg: Date, end: Date, html: String, icon: String, color: String, background: Boolean }]
component.addevent(event) přidává událost
- Nemůže být kombinován s metodou addevents
- Může být provedeno několikrát
- Předmět akce: { id: String, html: String, icon: String, color: String, background: Boolean }
NEW: component.addbadge(date, [color]) přidává značku
Příslušenství: component.hover(beg, end)
Příslušenství: component.unhover()
component.clear() odstraňuje všechny události a záznamy

Lokalizace:

Měsíc a denní názvy jsou získány z vlastností MONTHS a DAYS definovaných v knihovně jComponent.

Použijte ji s <ui-component name="monthlycalendar">Pokud je součástka ještě nezačleněna, jComponent Stáhnout ji na první použití z adresy DEF.fallback a) The Componentator CDN dle předvolby. autor: Peter Širka. zdroj: Componentator Výrobce je autorizován, MIT licence.

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>