Membuat Aplikasi Kalender Dengan PHP

Membuat aplikasi kalender dengan PHP
Dalam membuat aplikasi kita kadang meminta user memasukkan tgl lahir, tanggal mulai masuk
sekolah dan lainlain. Kita bisa membuat aplikasi kalender yang membuat user merasa nyaman
memilih tanggalnya.
Misal aplikasinya sebagai berikut:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
</head>
<script language="javascript">
function buka_tgl(s_url)
{
s_param = "width=300,height=300,scrollbars=1,resizable=1";
new_window = window.open(s_url,"tgl",s_param);
new_window.focus();
}
</script>
<body>
<form name=tgl_coba>
<br>Mulai:<input type="text" name="tgl_mulai"/>
<a
href=javascript:buka_tgl('tanggal.php?tgl_init='+document.tgl_coba.tgl_mulai.value+'&balik=tgl
_coba.tgl_mulai&balik_format=dd-mm-YYYY')><img src=tgl.png border=0></a>dd-mm-
YYYY
<br>Selesai:<input type="text" name="tgl_selesai"/><a
href=javascript:buka_tgl('tanggal.php?tgl_init='+document.tgl_coba.tgl_selesai.value+'&balik=t
gl_coba.tgl_selesai&balik_format=dd-mm-YYYY')><img src=tgl.png border=0></a> dd-mm-
YYYY
</form>
</body>
</html>
Kemudian untuk kalendernya sebagai berikut:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<style type="text/css">
*
{
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
margin:0;
padding:0;
}
.dt_init
{
background-color: #99ffff;
}
.sabtu
{
background-color: #f8ebbd;
}
.minggu
{
background-color: #fce1ed;
}
</style>
<title>Tanggal</title>
</head>
<body>
<form method="POST" name="myform">
<?php
$a_bulan['01']="Januari";
$a_bulan['02']="Februari";
$a_bulan['03']="Maret";
$a_bulan['04']="April";
$a_bulan['05']="Mei";
$a_bulan['06']="Juni";
$a_bulan['07']="Juli";
$a_bulan['08']="Agustus";
$a_bulan['09']="September";
$a_bulan['10']="Oktober";
$a_bulan['11']="November";
$a_bulan['12']="Desember";
$balik=$_GET['balik'];
if ($balik=="")
{
$balik=$_POST['balik'];
}
echo "<script language=\"javascript\">

function balikin(nilai)
{
opener.document.$balik.value=nilai;
self.close();
}
</script>";
$balik_format=$_GET['balik'];
$balik_format=$_GET['balik_format'];
if ($balik_format=="")
{
$balik_format=$_POST['balik_fomat'];
}
$tgl_init=$_GET['tgl_init'];
if ($tgl_init=="")
{
$tgl_init=$_POST['tgl_init'];
if ($tgl_init=="")
{
if ($balik_format=="dd-mm-YYYY")
{
$tgl_init=date("d-m-Y",time());
}
else
{
$tgl_init=date("Y-m-d",time());
}
}
}
$bulan_tampil=$_POST['bulan_tampil'];
if ($bulan_tampil=="")
{
{
list ($temp,$bulan_tampil,$tahun_tampil)=explode("-",$tgl_init);
}
else
{
list ($tahun_tampil,$bulan_tampil,$temp)=explode("-",$tgl_init);
}
}
if ($tahun_tampil=="")
{
$tahun_tampil=$_POST['tahun_tampil'];
}
/*if ($tahun_tampil=="")
{
$tahun_tampil=date("Y",time());
}
*/
$tot_tanggal=date("t",strtotime("$tahun_tampil-$bulan_tampil-01"));
$day_first=date("N",strtotime("$tahun_tampil-$bulan_tampil-01"));
echo "\n<select name=\"bulan_tampil\" onChange=\"document.myform.submit()\">";

for ($b=1;$b<=12;$b++)
{
if ($b<10)
{
$bs="0$b";
}
else
{
$bs="$b";
}
if ($bs==$bulan_tampil)
{
$selected="selected=\"selected\"";
}
else
{
$selected="";
}
echo "\n <option value=\"$bs\" $selected>".$a_bulan[$bs]."</option>";
}
echo "\n</select>";
echo "\n<select name=\"tahun_tampil\" onChange=\"document.myform.submit()\">";

$thn_start=$tahun_tampil-50;
$thn_end=$tahun_tampil+50;
for ($t=$thn_start;$t<=$thn_end;$t++)
{
if ($t==$tahun_tampil)
{
$selected="selected=\"selected\"";
}
else
{
$selected="";
}
echo "\n <option value=\"$t\" $selected>$t</option>";
}
echo "\n</select>";
echo "\n <input type=\"hidden\" name=\"tgl_init\" value=\"$tgl_init\">";
echo "\n <input type=\"hidden\" name=\"balik\" value=\"$balik\">";
echo "\n <input type=\"hidden\" name=\"balik_format\" value=\"$balik_format\">";
echo "<div>".$a_bulan[$bulan_tampil]." $tahun_tampil </div>";

echo "<table border=\"1\">";
echo "<tr>
<td>Sen</td>
<td>Sel</td>
<td>Rab</td>
<td>Kam</td>
<td>Jum</td>
<td class=\"sabtu\">Sab</td>
<td class=\"minggu\">Ming</td>
</tr>
";
echo "<tr>";
$w=1;
for ($a=1;$a<$day_first;$a++)
{
echo "<td></td>";
$w++;
}
for ($d=1;$d<=$tot_tanggal;$d++)
{
if ($w==1)
{
echo "
<tr>";
}
if ($d<10)
{
$ds="0$d";
}
else
{
$ds="$d";
}
if ($w==6)
{
$class="class=\"sabtu\"";
}
else if ($w==7)
{
$class="class=\"minggu\"";
}
else
{
$class="";
}
{
$nilai="$ds-$bulan_tampil-$tahun_tampil";
}
else
{
$nilai="$tahun_tampil-$bulan_tampil-$ds";
}
if ($tgl_init==$nilai)
{
$class="class=\"dt_init\"";
}
echo "<td $class align=\"center\"> <a href=\"javascript:balikin('$nilai');\">$d</a></td>";

$w++;
if ($w==8)
{
$w=1;
echo "
</tr>";
}
}
while ($w>1 && $w<8)
{
echo "<td></td>";
$w++;
if ($w==8)
{
echo "
</tr>";
}
}
echo "</table>";
?>
</form>
</body>
</html>
Cara Membuat Input Kalender/Tanggal Otomatis PHP Dengan JavaScript
Wednesday, July 24, 20130 komentar

Fama Gulz - Untuk mempercantik php anda, inputan textfield kalender otomatis
mungkin dapat membantu sistem php anda lebih menarik dan interaktif dengan
user. Selain itu memudahkan user karena user tidak perlu menginputkan angka
(tanggal) lagi. Untuk lebih jelasnya mengenai tutorial ini silahkan lihat contoh
screen shoot di bawah :
Program ini akan menampilkan text field yang akan menampilkan kalender ketika di
sentuh dengan mouse. Lalu user dapat mengklik tanggal. Dan Tanggal akan
terinput otomatis sesuai kehendak user.
Pertama tama Tampilan akan seperti ini :
Ketika textfield di tekan . Maka akan langsung otomatis menampilkan tanggal /

calendar
Setelah Tanggal Di Klik, Maka Data tanggal Akan otomatis terinput
Cara membuat Input Tanggal Otomatis

dengan PHP
By: khrisna rizki On: 23.39 In: ARTIKEL No comments
Untuk mempercantik web php anda, inputan textfield kalender otomatis mungkin dapat
membantu sistem php anda lebih menarik dan interaktif dengan user. Selain itu memudahkan
user karena user tidak perlu menginputkan angka (tanggal) lagi. Program ini akan menampilkan
text field yang akan menampilkan kalender ketika di sentuh dengan mouse. Lalu user dapat
mengklik tanggal. Dan Tanggal akan terinput otomatis sesuai kehendak user. Untuk lebih
jelasnya mengenai tutorial ini silahkan lihat contoh screen shoot di bawah ini sahabat jitu:
Ketika textfield di tekan . Maka akan langsung otomatis menampilkan tanggal / calendar
Setelah Tanggal Di Klik, Maka Data tanggal Akan otomatis terinput
Bagaimana ? apakah anda tertarik dengan script ini ? daripada menunggu lama, silakan anda
download sourcenya disini.
Nah, lalu bagaimana cara mengaplikasikan script ini pada php kita, caranya seperti dibawah ini.
 Download Source Scriptnya

 Nah, kemudian anda extract isinya. akan ada isi seperti dibawah ini.
 Nah, file index.php ini sebenarnya berisi script untuk memanggil program
tanggal+componen di dalam folder calender, sedangkan folder calender berisi
component penyusunnya.
 Nah, anda copy folder calendar, satu folder dengan php anda. contohnya adalah seperti
php saya dibawah ini. (saya copy foldernya dahulu ke folder php saya).
 Nah kemudian buka index.php yang ada di dalam folder yang sudah diekstrak tadi.
tampilannya kurang lebih seperti dibawah ini. (fokus hanya pada script yang ada di dalam
kolom merah).
 Nah, selanjutnya anda buka index.php milik anda sendiri atau file dimana inputan
tanggal otomatis ini anda taruh. (punya saya ada di index.php)
 Nah, buka file tersebut dan konfigurasi script inputan tanggal menjadi seperti dibawah
ini.
<input type="text" name="vtgl" onClick="if(self.gfPop)gfPop.fPopCalendar(document.postform.vtgl);return false;"><a
href="javascript:void(0)" onClick="if(self.gfPop)gfPop.fPopCalendar(document.postform.vtgl);return false;"><img name="popcal"
align="absmiddle" style="border:none" src="calender/calender.jpeg" width="34" height="29" border="0" alt=""></a>
 Jangan lupa diakhir script php anda, copy kan script iframe seperti dibawah ini.
<iframe width=174 height=189 name="gToday:normal:calender/agenda.js" id="gToday:normal:calender/agenda.js"
src="calender/ipopeng.htm" scrolling="no" frameborder="0" style="visibility:visible; z-index:999; position:absolute; top:-500px; left:-
500px;">
</iframe>
 Nah, kemudian anda simpan, dan jalankan, punya saya jadinya menjadi seperti dibawah
ini.
 Selesai.
Bagaimana mudah kan ? anda sahabat jitu pasti bisa mempraktekkannya. Saya rasa cukup untuk
materi ini, semoga informasi ini bermanfaat bagi anda, sampai jumpa diartikel berikutnya,

Membuat Aplikasi Kalender Dengan PHP

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Membuat Aplikasi Kalender Dengan PHP

Diunggah oleh

Hak Cipta:

Format Tersedia

Membuat aplikasi kalender dengan PHP

Misal aplikasinya sebagai berikut:

Kemudian untuk kalendernya sebagai berikut:

echo "<script language=\"javascript\">

echo "\n<select name=\"bulan_tampil\" onChange=\"document.myform.submit()\">";

echo "\n<select name=\"tahun_tampil\" onChange=\"document.myform.submit()\">";

echo "<div>".$a_bulan[$bulan_tampil]." $tahun_tampil </div>";

echo "<td $class align=\"center\"> <a href=\"javascript:balikin('$nilai');\">$d</a></td>";

Cara Membuat Input Kalender/Tanggal Otomatis PHP Dengan JavaScript

Wednesday, July 24, 20130 komentar

Pertama tama Tampilan akan seperti ini :

Ketika textfield di tekan . Maka akan langsung otomatis menampilkan tanggal /

Cara membuat Input Tanggal Otomatis

Setelah Tanggal Di Klik, Maka Data tanggal Akan otomatis terinput

 Download Source Scriptnya

Anda mungkin juga menyukai