Hay teman-teman, berjumpa lagi dengan saya. Pada artikel kali ini saya akan memberikan tips dan trik tentang Membuat Kalender Tahun 2017 dengan PHP. Dan kita juga bisa mengganti bulan dan tahunnya dengan otomatis kalender dan bulan akan menyesuaikan kalender tahun ini. Nah kita akan membuat kalender sesuai pada gambar di bawah ini.
Baik langsung saja teman-teman siapkan code editornya dan copy script di bawah ini
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 |
<?php function kalender($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 = "<table class='calendar'>"; $calendar .= "<caption>$monthName $year</caption>"; $calendar .= "<tr>"; // Create the calendar headers foreach($daysOfWeek as $day) { $calendar .= "<th class='header'>$day</th>"; } // Create the rest of the calendar // Initiate the day counter, starting with the 1st. $currentDay = 1; $calendar .= "</tr><tr>"; // The variable $dayOfWeek is used to // ensure that the calendar // display consists of exactly 7 columns. if ($dayOfWeek > 0) { $calendar .= "<td colspan='$dayOfWeek'> </td>"; } $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 .= "</tr><tr>"; } $currentDayRel = str_pad($currentDay, 2, "0", STR_PAD_LEFT); $date = "$year-$month-$currentDayRel"; $calendar .= "<td class='day' rel='$date'>$currentDay</td>"; // Increment counters $currentDay++; $dayOfWeek++; } // Complete the row of the last week in month, if necessary if ($dayOfWeek != 7) { $remainingDays = 7 - $dayOfWeek; $calendar .= "<td colspan='$remainingDays'> </td>"; } $calendar .= "</tr>"; $calendar .= "</table>"; return $calendar; } ?> |
Lalu pastekan script di atas ini di code editornya, dan save di dalam folder htdocsnya yang ada di dalam xampp dengan nama kalender.php jika sudah panggil file tersebut di dalam kotak url nya yang ada pada browser.
Kemudian enter, tampilan masih kosong karena belum kita tampilkan. Berikutnya teman-teman paggil atau cetak kalendernya seperti gambar di bawah ini
Lalu save dan refreas pada browsernya, maka kalender sudah bisa di cetak
Oke gambar di atas ini sudah tampil kalender bulan January 2017, kita akan mencetak bulan January dan Desember dan sekaligus memberikan css nya supaya hasil nya sama seperti gambar di bawah ini
Langkah pertama, teman-teman tambahkan fungsi untuk menampilkan bulan January sampai Desembernya. Dan juga tambahkan css nya supaya lebih menarik tampilannya. Baik teman-teman bisa copy script di bawah ini
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 |
<table> <h1>Kalender Tahun 2017</h1> <tr> <td><?php echo kalender(01,2017); ?></td> <td><?php echo kalender(02,2017); ?></td> <td><?php echo kalender(03,2017); ?></td> <td class="april"><?php echo kalender(04,2017); ?></td> </tr> <tr> <td><?php echo kalender(05,2017); ?></td> <td><?php echo kalender(06,2017); ?></td> <td class="juli"><?php echo kalender(07,2017); ?></td> <td><?php echo kalender(08,2017); ?></td> </tr> <tr> <td><?php echo kalender(09,2017); ?></td> <td><?php echo kalender(10,2017); ?></td> <td><?php echo kalender(11,2017); ?></td> <td class="des"><?php echo kalender(12,2017); ?></td> </tr> </table> <style> *{margin:0; padding: 0;} table{padding: 10px; margin:auto; font-size: 24px} h1{text-align: center} .april{padding-top: 37px} .juli{padding-top: 37px;} .des{padding-top: 37px;} caption{background: black; color:white;} .header{background: gray; color:white;} .day{background: #f3f3f3;text-align: right; padding:3px;} </style> |
Dan pastekan script di atas dibawah tag tutup ?> php nya, jika sudah save dan refreas pada browsernya. Maka output akan menghasilkan kalender 2017 bulan January sampai Desember, lumayan mudah ya teman-teman. Oke sekian dulu artikel kali ini tentang Membuat Kalender Tahun 2017 dengan PHP semoga bermanfaat. Kalian juga bisa explor lagi atau menambahkan fungsi untuk tanggal merahnya supaya sempurna kalender yang kita buat. Baik sampai jumpa di artikel selanjutnya dan Terimakasih. Indahnya berbagi 🙂
Baca juga artikel tentang Penggunaan Fungsi IF dengan PHP.