Cara Membuat Form Input Tanggal PHP MySQL

https://www.rajaputramedia.com/artikel/cara-membuat-form-
input-tanggal-php-mysql.php
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
 code
 source

1. <div style="border:1px solid #FFA800; padding:10px; overflow:auto; width:600px;

height:260px;">
2.
3. <form action="#" method="POST" name="forminputtanggal" enctype="multipart/form-data">
4.
5. <table width="600" border="0" align="center" cellpadding="0" cellspacing="0">
6.
7. <tr height="46">
8.
9. <td><font color="orange" size="2">FORM INPUT TANGGAL</font></td>
10.
11. </tr>
12.
13. </table>
14.
15. <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
16.
17. <tr height="36">
18.
19. <td> </td>
20.
21. <td>Tanggal</td>
22.
23. <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>
24.
25. </tr>
26.
27. <tr height="36">
28.
29. <td> </td>
30.
31. <td> </td>
32.
33. <td><input type="submit" name="Submit" value="Submit">   
34.
35. <input type="reset" name="reset" value="Reset"></td>
36.
37. </tr>
38.
39. </table>
40.
41. </form>
42.
43. </div>
 44.
45. <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;">
46.
47. </iframe>
48.
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:
 code
 source

1. <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>
2.
Dan script berikut:
 code
 source

1. <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;">
2.
3. </iframe>