datepicker JQuery
Pertama saya mengucapkan terima kasih pada rekan rekan yang masih eksis yang suka menulis dan menuangkan sharing lewat internet ini. karena ini adalah tulisan pertama ane mengenai Codeigniter di blog ini.
Saat ini ane sedang mengembangkan aplikasi web dengan menggunakan CodeIgniter. Ini adalah kerangka besar dan semuanya sangat baik didokumentasikan dan dipikirkan dengan baik.
Tetapi tidak ada yang sempurna di dunia ini sehingga ane menemukan bahwa membuat inputan tanggal menggunakan JQuery dan CodeIgniter bisa sangat membuat kita putus semangan terutama jika Anda cukup baru dengan kedua teknologi tersebut. Jadi mudah mudahan ane bisa menjelaskan bagaimana kita harus melanjutkan semangat kita dalam menggali info untuk menambah kekuatan keilmuan kita dan membuat berjalan dengan harapan dan impian kita.
Jangan pernah menyerah dalam berusaha, semoga langkah langkah ini bermanfaat :
- 1. Download CodeIgniter dari web site. Kita akan menerima folder dengan nama called CodeIgniter_1.7.3 dengan segala yang kita perlukan tentunya sudah terbundel. Buat folder bernama aset bawah CodeIgniter_1.7.3 dan di bawah aset membuat 3 folder: css, gambar, js.
- Download JQuery dan JQuery UI dari situs webnya dan dan masukan file jquery-1.4.4.min.js dan jquery-ui-1.8.8.custom.min.js ke dalam folder js yang dibuat seperti bagian 1 diatas. Ketika kita mengunduh JQuery UI kita akan melihat didalam folder css-nya ada satu folder dengan nama ui-lightness, pindahkan file ini ke folder css yang kita buat tadi
- dalam CodeIgniter_1.7.3/system/application/config kita harus menyunting config.php menjadi seperti:
$config['base_url'] = “http://”.$_SERVER['HTTP_HOST'].”/CodeIgniter_1.7.3″;
Script ini memerintahkan untuk set base url ke folder root.
- Akhirnya marilah kita membuat folder view dalam folder CodeIgniter_1.7.3/system/application/views kemudian buat file dengan nama test.php. dengan isi script sebagai berikut:
<html>
<head>
<title>test</title>
<script src=”<?=base_url()?>/assets/js/jquery-1.4.4.min.js” type=”text/javascript”></script>
<script src=”<?=base_url()?>/assets/js/jquery-ui-1.8.8.custom.min.js” type=”text/javascript”></script>
</head>
<body>
<script>
$(document).ready(function() { $(“test”).datepicker(); });
</script>
<form>
<input type=”text” id=”test” name=”test” />
</form>
</body>
</html>
Jadi ini adalah 4 langkah yang perlu Anda ikuti untuk mengatur JQuery Anda berjalan pada Anda CodeIgniter platform. Untuk controller yang akan meluncurkan tampilan di atas, Anda dapat melihat banyak tutorial di situs web CodeIgniter dan juga di YouTube.
Semoga ini bisa membantu.
Rgrds,
Agus TM
