Dengan menggunakan library jQuery UI kita dengan mudah membuat datepicker. Datepicker adalah sebuah aplikasi untuk memilih tanggal. Berikut akan dijelaskan langkah-langkah pembuatannya.
1. Download terlebih Paket Jquery Ui nya di http://jqueryui.com/
2. Extract File download kita
3. Kemudian berikut adalah script untuk datepickernya<!DOCTYPE HTML>5. yang terakhir simpan dengan nama date.html dan buka melalui web browser anda
<html lang=”en”>
<head>
<meta charset=”utf-8″>
<title>Membuat DatePicter</title>
<link rel=”stylesheet” href=”css/ui-lightness/jquery-ui-1.8.18.custom.css”>
<script src=”development-bundle/jquery-1.7.1.js”></script>
<script src=”development-bundle/ui/jquery.ui.core.js”></script>
<script src=”development-bundle/ui/jquery.ui.widget.js”></script>
<script src=”development-bundle/ui/jquery.ui.datepicker.js”></script>
<script>
$(function()
{
$(“#datepicker”).datepicker();
});
</script>
</head>
<body>
<p>Date : <input type=”text” id=”datepicker”></p>
</body>
</html>

No comments:
Post a Comment