Membuat Datepicker dengan jQuery

Home » , » Membuat Datepicker dengan jQuery
0 comments
Dalam pembuatan aplikasi berbasis web, terutama yang ada sistem pendaftarannya pasti akan menggunakan Datepicker. Karena dengan adanya datepicker akan lebih mempercantik tampilan aplikasi yang dibuat.

Datepicker disini saya menggunakan bantuan dari jQuery UI 

Sebagai contoh kita membuat file dengan nama index.html lalu kita isi dengan kode

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Datepicker - Default functionality</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
$(function() {
$( "#datepicker" ).datepicker();
});
</script>
</head>
<body>
<p>Date: <input type="text" id="datepicker"></p>
</body>
</html>
Lalu coba di run


Terimakasih, semoga bermanfaat


keep{coding} 
.
Share this article :