Pada tuturial kali ini anda akan belajar bagaimana cara membuat input datepicker dengan menggunakan jquery datepicker plugin.
Hallo semuanya kembali lagi di artikel tutorial dumet school, kali ini saya akan membahas penggunaan jquery plugin yaitu membuat input datepicker dengan menggunakan jquery datepicker plugin.
Datepicker berfungsi untuk mengambil tanggal bulan, dan tahun , untuk membuatnya banyak caranya bisa manual atau menggunakan jquery, nah di sini saya akan menggunakan jquery.
sebelum itu silakan download jquery pluginya di sini
setelah di download kita akan mencoba membuatnya :
HTML
<!doctype HTML>
<html>
<head>
<title>add class</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/jquery.datepick.css">
<script type="text/javascript" src="js/jquery.plugin.js"></script>
<script type="text/javascript" src="js/jquery.datepick.js"></script>
</head>
<body>
<input type="text" id="date">
<script>
$('#date').datepick();
</script>
</body>
</html>
setelah kalian buat html dan javascriptnya, sekarang coba jalankan dan hasilnya akan seperti ini :
input datenya akan menjadi lebih bagus dan menarik, oke itulah tadi tutorial tentang membuat input datepicker dengan menggunakan jquery datepicker plugin. Sampai bertemu pada artikel selanjutnya.