In our last Laravel tutorial we learnt about Models in Laravel, today in this Laravel tutorial we will learn how to use a calendar class in our application.
We can use a calendar into our application by just including some files in our application.
The calendar in Laravel 4 supports month, week and day views and multiple events per date.
Let us see how to install the calendar for use:
There are many calendar packages available which we can use to add calendar directly into our application. Among them we will go through the makzumi calendar.
Step1: To install the calendar add the following statement as “require” in composer.json:
"makzumi/calendar": "dev-master"
Step2: Now run the composer update and then after that add the following in app.php:
'providers' => array(
...,
'Makzumi\Calendar\CalendarServiceProvider',
),
Step3: Now we can add several options to calendar and generate it as shown in the example below:
$events = array(
"2014-04-09 10:30:00" => array(
"Event 1",
"Event 2 <strong> with html</stong>",
),
"2014-04-12 14:12:23" => array(
"Event 3",
),
"2014-05-14 08:00:00" => array(
"Event 4",
),
);
$cal = Calendar::make();
/**** OPTIONAL METHODS ****/
$cal->setDate(Input::get('cdate')); //Set starting date
$cal->setBasePath('/dashboard'); // Base path for navigation URLs
$cal->showNav(true); // Show or hide navigation
$cal->setView(Input::get('cv')); //'day' or 'week' or null
$cal->setStartEndHours(8,20); // Set the hour range for day and week view
$cal->setTimeClass('ctime'); //Class Name for times column on day and week views
$cal->setEventsWrap(array('<p>', '</p>')); // Set the event's content wrapper
$cal->setDayWrap(array('<div>','</div>')); //Set the day's number wrapper
$cal->setNextIcon('>>'); //Can also be html: <i class='fa fa-chevron-right'></i>
$cal->setPrevIcon('<<'); // Same as above
$cal->setDayLabels(array('Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat')); //Label names for week days
$cal->setMonthLabels(array('January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December')); //Month names
$cal->setDateWrap(array('<div>','</div>')); //Set cell inner content wrapper
$cal->setTableClass('table'); //Set the table's class name
$cal->setHeadClass('table-header'); //Set top header's class name
$cal->setNextClass('btn'); // Set next btn class name
$cal->setPrevClass('btn'); // Set Prev btn class name
$cal->setEvents($events); // Receives the events array
/**** END OPTIONAL METHODS ****/
echo $cal->generate() // Return the calendar's html;
Thus we studied how to use Calendar class in our application in this Calendar Class in Laravel Tutorial.
About the Author
