Onclick tanggal dengan JQUERY
Suatu waktu aku ingin membuat input tanggal yang begitu diklik langsung muncul popup list tanggal dalam satu bulan, ya seperti cms – cms yang udah pada jadilah.
Bongkar – bongkar cms yang udah jadi nemu JQUERY
,,,,,
Mulai ada pencerahan, cari pluginsnya
dah akhirnya nemu juga sebuah plugins jquery dengan nama datepicker. setelah dicoba wow mantab banget sesuai dengan yang diinginkan.
Perhatikan salah satu contoh berikut :
Penggunaan datePicker
$(function(){
$(“#tanggal1″).datepicker();
$(“#tanggal2″).datepicker({dateFormat: ‘dd-mm-yy’ });
$(“#tanggal3″).datepicker({ closeText: ‘X’ })
$(“#tanggal4″).datepicker({ closeAtTop: false })
$(“#tanggal5″).datepicker({ changeMonth: false })
$(“#tanggal6″).datepicker({ currentText: ‘Skrg’ })
$(“#tanggal7″).datepicker({ prevText: ‘||’, currentText: ‘Skrg’, closeAtTop: false })
})
Contoh Penggunaan datepicker jQuery
1. Masukkan tanggal :
format default :mm/dd/yyyy (pemisah dengan “/”)
2. Masukkan tanggal :
format default :dd-mm-yyyy (pemisah dengan “-”)
3. Masukkan tanggal :
mengganti close dengan “X”
4. Masukkan tanggal :
Posisi Clear & Close di bawah
5. Masukkan tanggal :
Mematikan penggantian bulan
6. Masukkan tanggal :
Mengganti Today dengan Skrg
7. Masukkan tanggal :
Mengganti Next & Prev dengan “|<” & “>|” Today=”Skrg”, posisi Clear & Close di bawah
#tanggal1 pada input dipanggil dengn id=”tanggal1″
bisa juga kita ganti
misal pada fungsinya diganti dengan class
.tanggal1 pada input dipanggil dengn class=”tanggal1″
silakan unduh pluginnya disini http://plugins.jquery.com/project/datepicker
