Setelah libur 3 hari, akhirnya online lagi, langsung aja aku mau posting tentang date picker dengan JavaScripts, setelah cari-cari di internet, dapet juga, so lets begin the course.
1. Download dulu script JS di sini
2. Ekstrak file tersebut lalu simpan hasil ekstrak tersebut di /codeigniter/sample
3. Setelah itu buat html file , yang isinya seperti di bawah ini
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>
<html>
<head>
<script type=”text/javascript” src=”/inventory/sample/datetimepicker_css.js”></script>
</head>
<body>
<form action=”/codeigniter/index.php/codeigniter/auth” method=”post”>
<p><font face=calibri size=3 style=”line-height:300%” size=3>
<fieldset><legend>  DATE PICKER  <br></legend></fieldset>
</p>
<table border=0 cellspacing=1 cellpadding=7>
<tr>
<td><font face=calibri size=2 style=”line-height:300%”>Entry Date</td>
<td>: <input id=”demo33en” type=”text” size=”25″ name=”entry”>
<a href=”javascript:NewCssCal(‘demo33en’,'yyyymmdd’)”>
<img src=”/inventory/sample/images/cal.gif” width=”16″ height=”16″ alt=”Pick a date”></a>
</td>
</tr>
</table>
<input type=submit value=add>
</form>
</body></html>
4 . Anda bisa memilih style dari date picker nya , sesuai keinginan anda , anda tinggal melihat file demo_datetimepicker.htm di folder sample, dan pilih sesuai keinginan anda.
5 . Simpan file tersebut di direktori /system/application/view/, lalu load file tersebut untuk melihat hasilnya
6. Jika berhasil maka akan muncul hasil seperti di bawah ini :
7. selesai sudah, jika ada yang ditanyakan, comment masih free kok . 
just do it, it’s easy and fun
akhirnya ada postingan baru….,mantap teman…,!!
tunggu pertanyaanku yach..,coz lum tak coba.,^_^
hohohohooo…langsung bisa jalan brow…,!!
ayo tambah lagi postingan CI-nya..,hehehee
wah bagus lah kalau begitu, tentunya saya akan terus posting.
hohohoooo…so pasti..,
sudah saia rekomendasikan ke teman2 saia yg pngen blajar framework CI..,^ ^
brow….pngen nanya dunx…,!!
gmn caranya bkin table yg sifatnya dinamis..,???misalny, aku ingin bkin jadwal pelajaran seperti di bawah ini..,tapi sifatnya tidak tetap…,bisa berubah gt..,itu caranya gmn..,???
Hari Sesi Ruang I Ruang II Ruang III
Senin 1 Agama PPKN Matematika
Selasa 2 Biologi Agama PPKN
Rabu 3 B.Inggris Pancasila Biologi
mksud dari dinamic itu gimana ?
apa maksud mas agus kalau dinamic, isi dari tabel ngambil dari database ?
bisa aja.. ngambil dari database / dari array yg km bikin..
makasih tas tutorial’y… msih newbie bnget nie… ntar ta coba….
ok, makasih sudah mampir.
kalo ada masalah berkaitan dengan scriptnya, langsung comment aja yee
thanks info nya
cretive product
Thkz bwt mas endang, semoga bermanfaat ^_^
wah,, pas banget,, emang lagi nyari.. makasih ya info nya ..
btw saya butuh yang formatnya dd/mm/yyyy kok gada yaa?
mohon bantuannya..
makasih ^^
dd/mm/yyyy emg jarang, karena struktur date di dalam databse umumnya menggunakan yyyymmdd,, tapi ntar saya cari dulu deh ..
makasih atas sarannya…
halo, salam kenal. saya kebetulan lagi mencari datepicker yang bisa digunakan dengan codeIgniter. ketemulah blog ini. saya sudah coba, dan berhasil, tapi hanya jika mencoba demo-nya saja. dimana file javascript-nya saya taroh di folder js yang setara dengan root folder web aplikasinya.
ketika saya coba, di dalam coding saya, dimana saya panggil java script dari view file di dalam folder application/view, cara ini tidak bisa jalan. saya sudah ubah base url agar mengarah ke javascript yang dituju. tapi yang bisa dipanggil hanya image-nya saja, bukan javascriptnya.
kebetulan saya memisahkan file header dan footer dengan file content. sehingga semua pemanggilan javascript saya taruh di file header saja. menurut anda, apakah ini berpengaruh ke pemanggilan javascript ini yah? karena saya menggunakan ajax juga, dan tidak ada masalah dengan itu..
trims sebelumnya
Makasih buat Aftrie, sebenernya ga ada masalah kamu mau pisah header dan footer dan TIDAK BERPENGARUH, karena saya juga begitu, cuman contoh ini aja yg dibuat simpel.
coba cek lagi base_url nya, dan tentunya susunan direktori..
[^_X]
mantap..
kunjungi blog ini juga ya .. link
terimakasih.
Thanks broooo…
makasih buanget dah….sukses
sama-sama Rizki, makasih ya
waaa.. jalan bro..
thx tutorialnya
Sama-sama dinda
Terima kasih..mohon izin untuk diterapkan
Wah nama kita sama
ok silahkan disedot saja . . he he he
good job..
)
thanks informasinya
visit http://fanjavaakhmad.wordpress.com
sama-sama.. makasih udah mampir
kok link javascriptnya error ya, ada alternativ download lin?
mas ko ga bisa download link JS scriptnya ????