Kamis, 01 Juli 2010

Membuat form tanggal Cantik dengan Jquery Datepicker di Codeigniter



Pada posting kali ini, saya akan memberikan sedikit tips untuk membuat form tanggal yang unik dan menarik di Codeigniter
Pertama, download terlebih dahulu Datepicker nya disini

Setelah itu simpan file javasript "datetimepicker_css.js" dan css "rfnet.css" sejajar dengan folder system. Simpan juga folder images sejajar dengan folder system.

copy paste kode di bawah ini kedalam file view Codeigniter mu

<html>
<head>
<link href="<?php echo base_url();?>rfnet.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="<?php echo base_url();?>js/date/datetimepicker_css.js"></script>
</head>
<body>
<table>
<tr><td>Tanggal lahir</td><td><input type="Text" name="ttl" id="ttl" maxlength="25" size="20"><a href="javascript:NewCssCal('ttl','ddmmmyyyy')"><img src="<?php echo base_url();?>images/cal.gif" width="16" height="16" alt="Pick a date"></a>
</td></tr>
</table>
</body>
</html>

jika berhasil maka date pickernya akan muncul ketika kita klik gambar disebelah input text..

selamat mencoba

5 komentar: