Cara Membuat Form Input Tanggal PHP MySQL

Cara membuat form input tanggal php mysql, membuat sebuah akses input tanggal dengan tampilan seperti kalender bulan sehingga input tanggal tidak perlu lagi dengan cara menulis tanggal pada sebuah kolom input tanggal, teknik ini dapat dikatakan sebagai date picker, artinya tanggal kita ambil dari tampian kalender, untuk dapat membuat date picker maka kita membutuhkan sebuah library yaitu library calendar. Library ini dapat Anda download melalui sumbernya, silahkan searching di google search.

Sebagai penyedia jasa pembuatan aplikasi berbasis web dan jasa pembuatan blog murah, kami tentunya sangat sering sekali mendapatkan kasus seperti ini, bahkan hampir di setiap project aplikasi yang kami buat. Jika form input tanggal kami buat secara manual, hal ini sangat merepotkan pelanggan aplikasi kami dan sangat tidak user friendly. Untuk itu kami membuatnya menjadi lebih mudah digunakan semudah menggunakan klik mouse ke tampilan kalender bulanan. Kasus php ini secara query sama seperti query input data membuat form input data dengan PHP MySQL.

Tutorial cara membuat form input tanggal php mysql lengkap dengan library calendar dan halaman demo ini, kami lakukan pada sistem operasi Windows 7 dan menggunakan web server XAMPP ver 3.2.1 include dengan database MySQL. Untuk mengikuti tutorial ini pastikan komputer anda telah terinstall web server XAMPP tersebut.

Berikut langkah - langkah cara membuat form input tanggal php mysql, dan Anda dapat mencobanya di halaman demo:

Cara Membuat Form Input Tanggal PHP MySQL

eBook Cara Membuat Form Input Tanggal PHP

Input Tanggal PHP MySQL

1. Download library calendar, kemudian buat dan susun folder directory seperti gambar di bawah ini

Cara Membuat Form Input Tanggal PHP MySQL

File script php form input tanggal terletak sejajar dengan direktory library calendar, hal ini untuk mempermudah membuat script pemanggilan library tersebut

2. Desain form input tanggal PHP. Tampilannya seperti berikut:

Cara Membuat Form Input Tanggal PHP MySQL

Untuk membentuk form input tanggal PHP yang dapat diakses melalui web browser seperti gambar diatas, tulis script PHP berikut pada text editor / notepad
Save as form-input-tanggal.php

<div style="border:1px solid #FFA800; padding:10px; overflow:auto; width:600px; height:260px;">
<form action="#" method="POST" name="forminputtanggal" enctype="multipart/form-data">
	<table width="600" border="0" align="center" cellpadding="0" cellspacing="0">
		<tr height="46">
			<td><font color="orange" size="2">FORM INPUT TANGGAL</font></td>
		</tr>
	</table>
	<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
		<tr height="36">
			<td> </td>
			<td>Tanggal</td>
			<td><input name="tgl_upload" value="" size="24"> <a href="javascript:void(0)" onClick="if(self.gfPop)gfPop.fPopCalendar(document.forminputtanggal.tgl_upload);return false;" ><img name="popcal" align="absmiddle" src="calender/calbtn.gif" width="34" height="22" border="0" alt=""></a></td>
		</tr>
		<tr height="36">
			<td> </td>
			<td> </td>
			<td><input type="submit" name="Submit" value="Submit">   
				<input type="reset" name="reset" value="Reset"></td>
		</tr>
	</table>
</form>
</div>
<iframe width=174 height=189 name="gToday:normal:agenda.js" id="gToday:normal:agenda.js" src="calender/ipopeng.htm" scrolling="no" frameborder="0" style="visibility:visible; z-index:999; position:absolute; top:-500px; left:-500px;">
</iframe>

Pada script di atas perhatikan kode JavaScript dan iframe, 2 (dua) script inilah yang berfungsi menampilkan format kalender dalam bentuk window

Jadi, script yang membentuk form input tanggal php adalah script berikut:

<a href="javascript:void(0)" onClick="if(self.gfPop)gfPop.fPopCalendar(document.forminputtanggal.tgl_upload);return false;" ><img name="popcal" align="absmiddle" src="calender/calbtn.gif" width="34" height="22" border="0" alt=""></a>

Dan script berikut:

<iframe width=174 height=189 name="gToday:normal:agenda.js" id="gToday:normal:agenda.js" src="calender/ipopeng.htm" scrolling="no" frameborder="0" style="visibility:visible; z-index:999; position:absolute; top:-500px; left:-500px;">
</iframe>

Download Tutorial Form Input Tanggal PHP MySQL

Download Script Input Tanggal PHP

3. Selesai.

Sekian penjelasan tentang bagaimana cara membuat form input tanggal PHP MySQL, lengkap dengan script dan tutorialnya. Untuk mendapatkan source code nya Anda dapat langsung mendownload melalui link di atas, jika link download tidak aktif atau error mohon hubungi kami melalui SMS atau email atau melalui form komentar dan obrolan. Semoga dapat membantu.

Baca juga :

• Script PHP Export To Excel
• Script PHP Hitung Umur Berdasarkan Tanggal Lahir
• Cara Membuat Script Autonumber PHP MySQL
• Script PHP Update Database MySQL | CRUD
• Script Tampil Database dengan PHP MySQL | VIEW Data
• Cara Membuat Laporan PDF dengan PHP dan MySQL
• Membuat Form Input Data dengan PHP dan MySQL

Cara Membuat Form Input Tanggal PHP MySQL

Tags: script input tanggal php mysqli, input tanggal php mysql, form input tanggal php, script tanggal php mysql, tanggal php, cara membuat form input tanggal php mysql