Event calendar<\/b> provides a user-friendly way to list events by dates. It helps the user to find the events quickly for a specific date. The event calendar is a very useful element to display events datewise in a user-friendly way on the web application. There are various jQuery plugins available to integrate the event calendar on the website. But if you want to list events dynamically on the large calendar, the event calendar is the best option, and it can be easily implemented using PHP.<\/p>\n
PHP Event Calendar<\/b> helps to fetch the dynamic data from the database and list events in the date cell of the calendar. Using the PHP event calendar you can add the event to the calendar along with the respective date. In this tutorial, we will show you how to create an event calendar<\/b> using jQuery, Ajax, PHP, and MySQL.<\/p>\n
The following functionality will be implemented to build event calendar with PHP<\/b>.<\/p>\n Before getting started, take a look at the file structure of the PHP event calendar script<\/b>.<\/p>\n To display the dynamic events in the calendar, the event data need to be stored in the database. The following SQL creates an This file is used to connect with the database using PHP and MySQL. Specify the database host ( The \n
php_event_calendar\/<\/span>\r\n\u251c\u2500\u2500 index.php\r\n\u251c\u2500\u2500 functions.php\r\n\u251c\u2500\u2500 dbConfig.php\r\n\u251c\u2500\u2500 js\/<\/span>\r\n\u2502 \u2514\u2500\u2500 jquery.min.js\r\n\u2514\u2500\u2500 css\/<\/span>\r\n \u2514\u2500\u2500 style.css\r\n<\/pre>\nCreate Database Table<\/h2>\n
events<\/code> table with some basic fields in the MySQL database.<\/p>\nCREATE<\/span> TABLE<\/span> `events`<\/span> (\r\n `id`<\/span> int<\/span>(11<\/span>) NOT<\/span> NULL<\/span> AUTO_INCREMENT,\r\n `title`<\/span> varchar<\/span>(255<\/span>) COLLATE<\/span> utf8_unicode_ci NOT<\/span> NULL<\/span>,\r\n `date`<\/span> date<\/span> NOT<\/span> NULL<\/span>,\r\n `created`<\/span> datetime NOT<\/span> NULL<\/span>,\r\n `modified`<\/span> datetime NOT<\/span> NULL<\/span>,\r\n `status`<\/span> tinyint(1<\/span>) NOT<\/span> NULL<\/span> DEFAULT<\/span> 1<\/span> COMMENT<\/span> '1=Active | 0=Inactive'<\/span>,\r\n PRIMARY KEY<\/span> (`id`<\/span>)\r\n) ENGINE<\/span>=InnoDB<\/span> DEFAULT<\/span> CHARSET<\/span>=utf8 COLLATE<\/span>=utf8_unicode_ci;<\/pre>\nDatabase Configuration (dbConfig.php)<\/h2>\n
$dbHost<\/code>), username ($dbUsername<\/code>), password ($dbPassword<\/code>), and name ($dbName<\/code>) as per your database credentials.<\/p>\n<?php
<\/span>\/\/ Database configuration
<\/span>$dbHost <\/span>= <\/span>\"localhost\"<\/span>;
<\/span>$dbUsername <\/span>= <\/span>\"root\"<\/span>;
<\/span>$dbPassword <\/span>= <\/span>\"root\"<\/span>;
<\/span>$dbName <\/span>= <\/span>\"codexworld\"<\/span>;
<\/span>\/\/ Create database connection
<\/span>$db <\/span>= new <\/span>mysqli<\/span>(<\/span>$dbHost<\/span>, <\/span>$dbUsername<\/span>, <\/span>$dbPassword<\/span>, <\/span>$dbName<\/span>);
<\/span>\/\/ Check connection
<\/span>if (<\/span>$db<\/span>-><\/span>connect_error<\/span>) {
die(<\/span>\"Connection failed: \" <\/span>. <\/span>$db<\/span>-><\/span>connect_error<\/span>);
}<\/span><\/pre>\nHelper Functions to Build Event Calendar (functions.php)<\/h2>\n
functions.php<\/code> file holds all the functions that are used to generate an event calendar with PHP and MySQL.<\/p>\n\n
\n
<?php
<\/span>\/\/ Include the database config file
<\/span>include_once <\/span>'dbConfig.php'<\/span>;
<\/span>\/*
* Load function based on the Ajax request
*\/
<\/span>if(isset(<\/span>$_POST<\/span>[<\/span>'func'<\/span>]) && !empty(<\/span>$_POST<\/span>[<\/span>'func'<\/span>])){
switch(<\/span>$_POST<\/span>[<\/span>'func'<\/span>]){
case <\/span>'getCalender'<\/span>:
<\/span>getCalender<\/span>(<\/span>$_POST<\/span>[<\/span>'year'<\/span>],<\/span>$_POST<\/span>[<\/span>'month'<\/span>]);
break;
case <\/span>'getEvents'<\/span>:
<\/span>getEvents<\/span>(<\/span>$_POST<\/span>[<\/span>'date'<\/span>]);
break;
default:
break;
}
}
<\/span>\/*
* Generate event calendar in HTML format
*\/
<\/span>function <\/span>getCalender<\/span>(<\/span>$year <\/span>= <\/span>''<\/span>, <\/span>$month <\/span>= <\/span>''<\/span>){
<\/span>$dateYear <\/span>= (<\/span>$year <\/span>!= <\/span>''<\/span>)?<\/span>$year<\/span>:<\/span>date<\/span>(<\/span>\"Y\"<\/span>);
<\/span>$dateMonth <\/span>= (<\/span>$month <\/span>!= <\/span>''<\/span>)?<\/span>$month<\/span>:<\/span>date<\/span>(<\/span>\"m\"<\/span>);
<\/span>$date <\/span>= <\/span>$dateYear<\/span>.<\/span>'-'<\/span>.<\/span>$dateMonth<\/span>.<\/span>'-01'<\/span>;
<\/span>$currentMonthFirstDay <\/span>= <\/span>date<\/span>(<\/span>\"N\"<\/span>,<\/span>strtotime<\/span>(<\/span>$date<\/span>));
<\/span>$totalDaysOfMonth <\/span>= <\/span>cal_days_in_month<\/span>(<\/span>CAL_GREGORIAN<\/span>,<\/span>$dateMonth<\/span>,<\/span>$dateYear<\/span>);
<\/span>$totalDaysOfMonthDisplay <\/span>= (<\/span>$currentMonthFirstDay <\/span>== <\/span>1<\/span>)?(<\/span>$totalDaysOfMonth<\/span>):(<\/span>$totalDaysOfMonth <\/span>+ (<\/span>$currentMonthFirstDay <\/span>- <\/span>1<\/span>));
<\/span>$boxDisplay <\/span>= (<\/span>$totalDaysOfMonthDisplay <\/span><= <\/span>35<\/span>)?<\/span>35<\/span>:<\/span>42<\/span>;
<\/span>$prevMonth <\/span>= <\/span>date<\/span>(<\/span>\"m\"<\/span>, <\/span>strtotime<\/span>(<\/span>'-1 month'<\/span>, <\/span>strtotime<\/span>