You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
107 lines
3.0 KiB
107 lines
3.0 KiB
/*=========================================================================================
|
|
File Name: clndr.js
|
|
Description: clndr
|
|
--------------------------------------------------------------------------------------
|
|
Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template
|
|
Version: 1.0
|
|
Author: PIXINVENT
|
|
Author URL: http://www.themeforest.net/user/pixinvent
|
|
==========================================================================================*/
|
|
|
|
|
|
$(document).ready(function(){
|
|
|
|
var currentMonth = moment().format('YYYY-MM');
|
|
var nextMonth = moment().add('month', 1).format('YYYY-MM');
|
|
|
|
var events = [{
|
|
date: currentMonth + '-' + '10',
|
|
title: 'Persian Kitten Auction',
|
|
location: 'Center for Beautiful Cats'
|
|
}, {
|
|
date: currentMonth + '-' + '19',
|
|
title: 'Cat Frisbee',
|
|
location: 'Jefferson Park'
|
|
}, {
|
|
date: currentMonth + '-' + '23',
|
|
title: 'Kitten Demonstration',
|
|
location: 'Center for Beautiful Cats'
|
|
}, {
|
|
date: nextMonth + '-' + '07',
|
|
title: 'Small Cat Photo Session',
|
|
location: 'Center for Cat Photography'
|
|
}];
|
|
|
|
|
|
/********************************************
|
|
* Default Setup *
|
|
********************************************/
|
|
$('#clndr-default').clndr({
|
|
template: $('#clndr-template').html(),
|
|
events: events,
|
|
});
|
|
|
|
/****************************************
|
|
* Adjacent *
|
|
****************************************/
|
|
$('#clndr-adjacent').clndr({
|
|
template: $('#clndr-template').html(),
|
|
events: events,
|
|
showAdjacentMonths: true,
|
|
adjacentDaysChangeMonth: true
|
|
});
|
|
|
|
/****************************************
|
|
* Multiday *
|
|
****************************************/
|
|
var multidayArray = [
|
|
{
|
|
title: 'Multi Day Event 1',
|
|
startDate: moment().format('YYYY-MM-') + '12',
|
|
endDate: moment().format('YYYY-MM-') + '17',
|
|
}, {
|
|
title: 'Multi Day Event 2',
|
|
startDate: moment().format('YYYY-MM-') + '24',
|
|
endDate: moment().format('YYYY-MM-') + '27',
|
|
}
|
|
];
|
|
|
|
$('#clndr-multiday').clndr({
|
|
template: $('#clndr-template').html(),
|
|
events: multidayArray,
|
|
multiDayEvents: {
|
|
endDate: 'endDate',
|
|
startDate: 'startDate'
|
|
},
|
|
});
|
|
|
|
/****************************************
|
|
* Constraints *
|
|
****************************************/
|
|
$('#clndr-constraints').clndr({
|
|
template: $('#clndr-template').html(),
|
|
constraints: {
|
|
startDate: moment().format('YYYY-MM-') + '04',
|
|
endDate: moment().format('YYYY-MM-') + '24',
|
|
},
|
|
});
|
|
|
|
/****************************************
|
|
* Six Rows *
|
|
****************************************/
|
|
$('#clndr-six-rows').clndr({
|
|
template: $('#clndr-template').html(),
|
|
events: events,
|
|
forceSixRows: true
|
|
});
|
|
|
|
|
|
/********************************************
|
|
* Selected Date *
|
|
********************************************/
|
|
$('#clndr-selected-date').clndr({
|
|
template: $('#clndr-template').html(),
|
|
events: events,
|
|
trackSelectedDate: true,
|
|
});
|
|
}); |