Cara Mudah Membuat Kalender Sederhana Menggunakan PHP

Salam sahabat fittraferdiansyah.info!

Di saat ini sudah banyak sekali bertebaran cara-cara membuat kalender yang lebih singkat dengan bantuan jquery dan plugin-plugin tertentu yang tentunya memiliki tampilan lebih indah dari buatan sendiri. Plugin-plugin tersebut bisa Anda dapatkan dengan mendownloadnya di website-website official mereka yang diperoleh secara gratis karena bersifat open source program. Tetapi jika Anda ingin membuatnya sendiri karena ingin mendisain dengan selera Anda atau hanya sekedar menambah ilmu programming Anda, disini Anda bisa mendapatkannya.

Membuatnya pun lumayan mudah, yang terpenting Anda harus sudah memahami dasar-dasar dari pemrograman seperti HTML, CSS dan tentunya PHP. Sudah tidak sabar ingin mencobanya? Mari kita coba!!!

Buat sebuah folder "kalender" pada directory server Anda.

Buat sebuah file dengan nama "kalender.php" dan letakkan di dalam folder "kalender" tersebut.

Editlah file "kalender.php" tersebut menggunakan text editor kesayangan Anda!

Sekarang, tambahkan kode CSS berikut ini kedalam file "kalender.php" yang berfungsi sebagai style/gaya untuk mempercantik tampilan kalender yang akan kita buat selanjutnya :

<style type="text/css">

  body{
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  }

  .nama-bulan {
    width: 350px;
    overflow: auto;
    background: #eee;
    padding: 10px 15px;
    margin: 5px;
    font-weight: bold;
    font-size: 18px;
  }

  .baris{
  padding:5px;
  text-align:center;
  margin:2px;
  }

  .hari{
  float:left;
  padding:5px;
  width:40px;
  text-align:center;
  margin:2px;
  color: #fff;
  background:#000;
}
  .tanggal{
  float:left;
  padding:5px;
  width:40px;
  text-align:center;
  margin:2px;
  background:#CCC;
  }
  .tanggal:hover{
  background:#0064cd;
  color:#FFF;
  }
  .tanggal_kosong{
  float:left;
  padding:5px;
  width:40px;
  text-align:center;
  margin:2px;
  background:#F8F8F8;
  color:#CCC;
  }

  .tanggal_sekarang{
  float:left;
  padding:5px;
  width:40px;
  text-align:center;
  margin:2px;
  background:red;
  }

  .habis{
  padding:1px;
  text-align:center;
  }
</style>

Kemudian, tambahkan lagi kode PHP dibawah ini untuk membuat kalendernya :

<?php
$sekarang = getdate(time());
$waktu = mktime(0,0,0, $sekarang['mon'], 1, $sekarang['year']);
$kalender = getdate($waktu);
$jumlahhari = cal_days_in_month(0, $kalender['mon'], $kalender['year']);
$hari=array("Minggu","Senin","Selasa","Rabu","Kamis","Jumat","Sabtu");

echo '<div class="nama-bulan">'.$kalender['month'].'</div>';

echo '<div class="baris">';
  for ($i=0; $i <=6 ; $i++) { 
    echo '<div class="hari">'.$hari[$i].'</div>';
  }
echo '<div class="habis">&nbsp</div></div>';

for ($i=0; $i < 6 ; $i++) { 
  echo '<div class="baris">';

  for ($m=1; $m <= 7 ; $m++) { 
    $tanggal = $m + $i*7 - $kalender['wday'];

    echo '<div ';
      if ($tanggal >0 && $tanggal <= $jumlahhari) {
        echo ($tanggal == $sekarang['mday']) ? 'class="tanggal_sekarang">' : 'class="tanggal">';
        echo $tanggal;
      } else {
        echo 'class="tanggal_kosong"> -';
      }
      
    echo '</div>';
  }

echo '<div class="habis">&nbsp;</div></div>';
if ($tanggal >= $jumlahhari && $i != 6)
break;
}
?>

Berikut ini tampilan hasil akhir dari kode/script diatas

Kalender Dengan PHP

Jika Anda merasa disainnya kurang sesuai dengan selera Anda, Anda bisa membuat atau mengedit pada style yang sudah ada untuk lebih memperindah tampilannya.