Membuat Input Datepicker Dengan Menggunakan Jquery Plugin

Di tuturial kali ini kamu akan belajar bagaimana cara merancang input datepicker dengan menggunakan jquery datepicker plugin.



 



Hallo semuanya kembali lagi di artikel panduan Source Code Aplikasi, kali ini saya akan membahas pemakaian jquery plugin yaitu merancang input datepicker dengan menggunakan jquery datepicker plugin.



Datepicker berfungsi bagi mengambil tanggal bulan, dan tahun ,   bagi membuatnya banyak caranya dapat manual atau menggunakan jquery, nah di sini saya akan menggunakan jquery.



sebelum itu silakan unduh jquery pluginya di sini



setelah di unduh 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 bikin html dan javascriptnya, kini coba jalankan dan hasilnya akan seperti ini :



Pada



input datenya akan menjadi lebih bagus dan menarik,  oke seperti itulah tadi panduan mengenai merancang input datepicker dengan menggunakan jquery datepicker plugin.  Hingga bertemu di artikel berikutnya.




Sumber https://kursuswebsite.org

Popular posts from this blog

Cara Menghapus Isi Dari Form Input Menggunakan Javascript

Membuat Form Menarik Menggunakan HTML dan CSS