Cara Membuat Datepicker Html Dengan Menggunakan Jquery
Halooooo,
Selamat Malam Selamat datang di blogger yang baru saya buat, Sahabat blogger
yang sedang berbahagia atau mungkin ada yang lagi galau karena tugas kuliah?
Jangan khawatir semua pasti ada solusinya.
Sahabat
blogger saya ingin membahas materi yang baru saya dapatkan di kampus saya siang
tadi. Dan materi yang baru saya dapatkan yaitu Cara membuat datepicker html
menggunakan jquery. Maka
pada kesempatan kali ini saya ingin berbagi informasi mengenai cara menampilkan
datepicker.
Sebelumnya kita harus membuat folder
khusus untuk jquery itu sendiri, nama folder bebas. Didalam folder jquery
terdapat jquery-ui-1.7.2 yang terdapat di dalam folder itu sendiri isinya
seperti ini, katanya sih untuk mempermudah skrip saya dapet folder ini dari
dosen saya.
Biasaya
saya membuat skrip untuk datepicker
menggunakan aplikasi Sublime, Langsung saja ya saya akan memperlihatkan skrip
yang sudah saya buat.
<!DOCTYPE
html>
<html>
<head>
<link
rel="stylesheet" type="text/css"
href="jquery-ui-1.7.2/themes/ui-lightness/ui.all.css">
<script
type="text/javascript" src="jquery-1.4.3.js">
</script>
<script
type="text/javascript"
src="jquery-ui-1.7.2/ui/ui.core.js">
</script>
<script
type="text/javascript"
src="jquery-ui-1.7.2/ui/ui.datepicker.js">
</script>
<script
type="text/javascript"
src="jquery-ui-1.7.2/ui/i18n/ui.datepicker-id.js">
</script>
<script>
$("document").ready(function(){
$("#tanggal").datepicker({
dateFormat:"dd
MM yy",
changeMounth:true,
changeYear:true,
showOn:"button",
buttonImage:"jquery-ui
1.7.2/demos/datepicker/images/calendar.gif",buttonImageOnly:true,
});
});
</script>
</head>
<body>
Masukan
Tanggal : <input id="tanggal" type="text">
</html>
Kemudian simpan dengan nama datepicker.html ke folder jquery yang sudah saya buat, tampilannya datepicker yang sudah saya buat akan seperti ini. Nah sangat mudahkan Sahabat blogger.
Terima Kasih Selamat mencoba!!☺☺☺☺
Tidak ada komentar:
Posting Komentar