j-Calendar

jComponent 20 · jcomponent@20 component Примерът е зареден с jComponent 20

Поддържат тъмния режим
Поддържа touch гестове (swipe) и фиксиран пълен размер на мобилния телефон

Конфигуриране:

firstday Първият ден от седмицата (опционално)
today {String} (опционално) етикет за бутона Set today
days {String} (опционални) дни например SU,MO,TU,WE,TH,FR,SA (предварително).
months {String} (опционален) месец, например January,February,... (предварително).
yearselect {Boolean} (опционално) намаляване с години (дефолт true).
monthselect {Boolean} (опционално) намаляване с месеци (дефолт true).
yearfrom {String} (опционално) определя минимален годишен лимит за падане, например -5 years current (предварително -100 years).
yearto {String} (опционално) определя максималния годишен лимит за падане на +5 years current (предварително current).

Компонентът трябва да се нарича ръчно или да работи с компонента textbox или j-Input автоматично.

работи only с Bootstrap Grid System (в противен случай е необходимо да се коригира CSS)
important добавете компонента на календара под елемента <body>

Използване

var ELEMENT = $(document);
var PATH = 'some.path.to.date';
var X_OFFSET = 100;
FIND('calendar').toggle(ELEMENT, PATH, function(date) {
	console.log('SELECTED DATE:', date);
}, X_OFFSET);

// OR

FIND('calendar').toggle(ELEMENT, 'path.to.date OR date object', 'path.to.binding.date');

Използвайте го с <ui-component name="calendar">Когато компонентът все още не е зареден, jComponent Изтегляне на първия адрес в DEF.fallback (След това Componentator Източник: Питър Шерка Componentator Съставни съставки, лиценз на MIT.

example.html

<a href="#calendar">SHOW CALENDAR</a>
<ui-component name="calendar" config="today:Set today;firstday:0"></ui-component>

<script>
	var form = {};
	form.date = new Date();

	$('a[href="#calendar"]').on('click', function(e) {
		SETTER('calendar', 'toggle', $(this), form.date, function(date) {
			alert(date);
		});
	});
</script>