Thursday, January 4, 2018

Membuat Date Picker Web dengan Jquery


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>
<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>
5. yang terakhir simpan dengan nama date.html dan buka melalui web browser anda

About the Author

Wasim Ahmad

Blogger

I am the founder of this blog if you like my tuts , follow me

No comments:

Post a Comment

Contact us