Setelah anda mendownload file-file tersebut sekarang kita membuat form anggota, kita buat dengan HTML, codenya sebagai berikut:
<html>
<head>
<title>Muhammad Syauqil Ilmi</title>
<link type="text/css" href="jquery-ui-1.7.2.custom.css" rel="stylesheet" />
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript">
$(function(){ $('#tanggal_lahir').datepicker();
});
</script>
<style> body { font-size: 12px; } </style>
</head>
<body>
<form method="POST" action="">
<table>
<tr>
<td>N I M</td>
<td>: <input type="text" name="nim" value=""></td>
</tr>
<tr>
<td>Nama</td>
<td>: <input type="text" name="nama" value=""></td>
</tr>
<tr>
<td>Tanggal Lahir</td>
<td>: <input type="text" name="tanggal_lahir" id="tanggal_lahir" value=""></td>
</tr>
<tr> <td>Alamat</td>
<td>: <input type="text" name="alamat" value=""></td>
</tr>
</table>
</form>
</body>
</html>
Setelah anda ketik codenya nanti hasilnya kayak gini:<head>
<title>Muhammad Syauqil Ilmi</title>
<link type="text/css" href="jquery-ui-1.7.2.custom.css" rel="stylesheet" />
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript">
$(function(){ $('#tanggal_lahir').datepicker();
});
</script>
<style> body { font-size: 12px; } </style>
</head>
<body>
<form method="POST" action="">
<table>
<tr>
<td>N I M</td>
<td>: <input type="text" name="nim" value=""></td>
</tr>
<tr>
<td>Nama</td>
<td>: <input type="text" name="nama" value=""></td>
</tr>
<tr>
<td>Tanggal Lahir</td>
<td>: <input type="text" name="tanggal_lahir" id="tanggal_lahir" value=""></td>
</tr>
<tr> <td>Alamat</td>
<td>: <input type="text" name="alamat" value=""></td>
</tr>
</table>
</form>
</body>
</html>
terimakasih mas, mau tanya mas file yg dibutuhkan untuk membuat datepicker itu apa saja?
ReplyDeletejquery-ui-1.7.2.custom.css
ReplyDeletejquery-1.3.2.min.js
jquery-ui-1.7.2.custom.min.js
dan file html untuk menampilkan tanggalnya
ikut nanya dong mas
ReplyDeletehmm, saya bikin web pake format per module2 gitu,
tpi saya coba masukin script datepicker seperti contoh2 yg ada
kok nggak mau jalan ya datepicker nya?
xry blz via email ya, ke no21mvp@gmail.com
thanks bgt