Kalender Di Form PHP

Hei para pembaca, pada kesempatan kali ini saya akan berbagi sedikit tentang dunia koding, hahaha.. kedengerannya memang agak serem, sama itu pun yang saya rasakan setahun yang lalu, tapi setelah saya rumah main set dan sugesti, akhirnya saya menyukai dunia koding seperti maen game. hehe..

Berikut ini saya akan coba berbagi bagaimana caranya memasang kalender pada form php.
Saya ambil contoh pada tugas saya, ada sebuah form:

Pada gambar diatas bisa dilihat ada sebuah field yang berjudul Tanggal Lahir yang dilingkari tanda merah memiliki sebuah icon kalender, yang tentunya bisa di click dan langsung dipilih dengan format YYYY-MM-DD. Bagaimana caranya? cekidot!
1. Kita buka file form yang dimiliki, dan cari field yang berjudul Tanggal Lahir tadi.
    Kira-kira seperti diatas kodingan form yang kita cari.
2. Kalau udah ketemu, kita akan memasang sebuah link gambar kalender di field ini. Kodingannya seperti ini :
<a href=”javascript:void(0)” onClick=”if(self.gfPop)gfPop.fPopCalendar(document.biodata.tanggal);return false;” ><img name=”popcal” align=”absmiddle” style=”border:none” src=”./calender/calender.jpeg” width=”34″ height=”29″ border=”0″ alt=””></a>
Keterangan: dikodingan diatas ada data yang berbunyi : (document.biodata.tanggal). nah maksudnya, kodingan tersebut mengarah ke sebuah document form bernama= biodata, dan field name= tanggal. jadi form kalian harus punya name=biodata dan field tanggalnya punya name=tanggal. Seperti dibawah ini:
dan
Nah kita balik lagi ke kodingan, lalu dimana kita nyimpen kodingan tadi? nyimpennya sebelum </td> dari field. Seperti dibawah ini :
Selesai? ya kodingnya selesai. yeyeye tinggal di save, tapi belum beres, sekarang kita harus punya file yang tadi sudah di link di kodingan.
Punya filenya?? pasti ga punya, hehe.. downloadlah DISINI
Setelah kalian download dan punya filenya, sekarang kita taro file downlotan tadi di folder yang sama dengan tempat form tadi disimpan. Lebih jelasnya liat dibawah ini:
Kalau udah disimpen satu folder yang sama, langsung deh kalian bisa pake icon kalender di form tadi. 🙂
Semoga bermanfaat… kalau ada pertanyaan email aja yaa…. 🙂
best regards,
Ahmad Ikhsan Ramadhan

Ikhsan Ramadhan

Leave a Reply

Your email address will not be published. Required fields are marked *

Powered By WordPress. A Magnetic theme by Devfloat