Build A Calendar Table | CSS-Tricks (2024)

Mike

Brian Dady

These functions may also be used. The first creates a calendar a specific month/year, and the second creates a full year calendar from specified month/year.

//For Specific Month and Year
$month = "3"; //Number of month (1-12)
$year = "2010"; //Four digets
echo build_calendar($month,$year,$dateArray);

//For all Months in Specific Year
$year = "2010";
$i = 1;
$month=1; //Numeric Value
while($i <'s= 12){
echo build_calendar($month,$year,$dateArray);
$month=$month+1;
$i++;}

Zachary

Could you post on how to have events (localhost database) displayed in the calendar and also have calendar controls such as picking of the month, year and next & previous month. Thanks

Zachary ([emailprotected])

anup

Pritesh Patel

Questions, what is the third argument $dateArray for? Seems to me there’s no reference in the function for this argument.

Great tool. I wish there was a way to change the month but this would require ajax or using an iframe.

Navee

Irene

Hi
I am learning to put a calendar on a web blog and came across this thread. Could you please tell me what is the full script etc for the calendar please…..

Thanks in advance
Irene

Dylan

My small change to have the week start on Monday:

$dayOfWeek = $dateComponents['wday'] - 1; // fix for monday startif ($dayOfWeek < 0) { $dayOfWeek = 6;}

Also just change the $daysOfWeek array.

Hope it works :)

:: kevin :: UK ::

Dery

hi ,i’m a student in senior high school (newbie) , i implemented this in fuelphp but there are some bug ,

<?php

class Controller_Calendar extends Controller_Timetable{
public function before(){
parent::before();
}

public function build_calendar($month,$year) {

// Create array containing abbreviations of days of week.
$daysOfWeek = array('S','M','T','W','T','F','S');

// What is the first day of the month in question?
$firstDayOfMonth = mktime(0,0,0,$month,1,$year);

// How many days does this month contain?
$numberDays = date('t',$firstDayOfMonth);

// Retrieve some information about the first day of the
// month in question.
$dateComponents = getdate($firstDayOfMonth);

// What is the name of the month in question?
$monthName = $dateComponents['month'];

// What is the index value (0-6) of the first day of the
// month in question.
$dayOfWeek = $dateComponents['wday'];

// Create the table tag opener and day headers

$calendar = "";
$calendar .= "$monthName $year";
$calendar .= "";

// Create the calendar headers

foreach($daysOfWeek as $day) {
$calendar .= "$day";
}

// Create the rest of the calendar

// Initiate the day counter, starting with the 1st.

$currentDay = 1;

$calendar .= "";

// The variable $dayOfWeek is used to
// ensure that the calendar
// display consists of exactly 7 columns.

if ($dayOfWeek > 0) {
$calendar .= "";
}

$month = str_pad($month, 2, "0", STR_PAD_LEFT);

while ($currentDay <= $numberDays) {

// Seventh column (Saturday) reached. Start a new row.

if ($dayOfWeek == 7) {

$dayOfWeek = 0;
$calendar .= "";

}

$currentDayRel = str_pad($currentDay, 2, "0", STR_PAD_LEFT);

$date = "$year-$month-$currentDayRel";

$calendar .= "$currentDay";

// Increment counters

$currentDay++;
$dayOfWeek++;

}

// Complete the row of the last week in month, if necessary

if ($dayOfWeek != 7) {

$remainingDays = 7 - $dayOfWeek;
$calendar .= "";

}

$calendar .= "";

$calendar .= "";

return $calendar;

}
$dateComponents = getdate();
$i = 1;
$month=1; //Numeric Value
while($i

ErrorException [ Parsing Error ]: syntax error, unexpected T_VARIABLE, expecting T_FUNCTION in $dateComponents = getdate();

can all of you explain this problem with me ?

etob

Very good script. Concise and short. Thanks

My small changes to highlight specified dates:

Before calling main function: $dateArray = array('FEB04','MAR20');

Inside main function: $monthNameShort = strtoupper(substr($monthName,0,3));

Inside while ($currentDay <= $numberDays)' loop:

$date = "$monthNameShort$currentDayRel";if (in_array($date,$dateArray)) $calendar .= "<td class='day' title='$date'><b>$currentDay</td>"; //bold else $calendar .= "<td class='day' title='$date' style='color:grey;'>$currentDay</td>"; //grey

Mehul Boricha

Green

How can I create a calendar with some dates from previous month and next month. For example: http://st.rfclipart.com/image/big/c4-e1-9f/february-2013-calendar-month-Download-Royalty-free-Vector-File-EPS-13946.jpg
Thanks advanced!

Richie

Have no idea if You will be interest in, but I add few lines of code for listing monthBYmonth throu the calendar. I had problem with $dateComponents. I have no idea how to work with so I remove it and use (for me more simple) DATE and MKTIME.

If You will use it, put it onto bottom of code:

$next = $_GET["next"];$prev = $_GET["prev"];$today = $_GET["today"];$nextlist = $_GET["nextlist"];$prevlist = $_GET["prevlist"];if ($next == "next") {$month=date('n', $nextlist);$monthName=date('F', $nextlist);$year=date('Y', $nextlist);}elseif ($prev == "prev") {$month=date('n', $prevlist);$monthName=date('F', $prevlist);$year=date('Y', $prevlist);}elseif ($today == "today") {$month=date('n');$monthName=date('F');$year=date('Y');}else {$month=date('n');$monthName=date('F');$year=date('Y');}$curlist = mktime(0, 0, 0, $month, 1, $year);$nextlist = mktime(0, 0, 0, $month+1, 1, $year);$prevlist = mktime(0, 0, 0, $month-1, 1, $year);echo "<a id=\"prev\" href=\"new.php?prev=prev&prevlist=$prevlist\"><<</a> <a id=\"today\" href=\"new.php?today=today\"> today </a> <a id=\"next\" href=\"new.php?next=next&nextlist=$nextlist\">>></a>"; echo build_calendar($month,$year,$dateArray);

liviu

function renderMonth($displayM, $displayY){ $daysOfWeek = array ( 'Mon', 'Tue', 'Wen', 'Thu', 'Fri', 'Sat', 'Sun' ); $dateUtil = new DateTime ( $displayY . "/" . $displayM . "/01" ); $year = $dateUtil->format ( "Y" ); $week = $dateUtil->format ( "W" ); $week_start = new DateTime (); $week_start->setISODate ( $year, $week ); $nextDay = clone $week_start; $i = 1; $weekdays = 7; // how many days do we display per row $currday = 1; // current week day $daysno = 35; // number of display dates $calendar = '<table class="event-calendar">'; $calendar .= "<thead>"; $calendar .= "<tr>"; foreach ( $daysOfWeek as $day ) { $calendar .= "<th>$day</th>"; } $calendar .= "</tr>"; $calendar .= "</thead>"; $calendar .= "<tbody>"; while ( $i < $daysno ) { if ($i == 1) { $calendar .= '<tr>'; $calendar .= '<td>' . $nextDay->format ( 'd M' ) . '</td>'; } $currday ++; if ($currday > $weekdays) { $calendar .= '</tr>'; $calendar .= '<tr>'; $currday = 1; } $nextDay->add ( new DateInterval ( 'P1D' ) ); $calendar .= '<td>' . $nextDay->format ( 'd M' ) . '</td>'; $i ++; if ($i == $daysno) { $calendar .= '</tr>'; } } $calendar .= "</tbody>"; $calendar .= "</table>"; return $calendar;}echo renderMonth("10", "2015");

this will fill the empty spaces with previuos or forward days of month. kind of google calendar and stuff

Bogdan

Carlos

Saroj

Great Script Thanks. But I am trying to make custom Calendar instead of the Gregorian Calendar.

I have to create calendar from array such as this.

date73 = {2073,32,32,31,32,31,30,30,30,29,29,30,31}
date74 = {2074,31,31,31,32,31,31,30,29,30,29,30,30}

where the first date73[0] is the year and the rest of them are the days in the months. Please help.

philippe

Hi, this is great thanks !

How could it be possible to have the month as a parameter, in order to change the calendar month ?
Maybe sending it in the url ?

Thanks a lot

manh

Anit

john castaldi

YupYup

Lovely :) Any way to show the full year but with 1 to 31 across the top and then the months down the side? Trying the build an attendance card where a dot will be placed in the day the student attends.

Hope this makes sense :)

Arnd

franki

It seems to me an excellent code,
I have managed to add a url for each day by adding the following code,….. when clicking on each day it shows a page.

$calendar .= “<a href=’http://url.com.php?date=$date>$currentDay“;

Do you have any idea how can I display the url inside an iframe on the same page?