Hallo sobat mitra tekno niaga, pada tulisan kali ini Kami ingin memberikan tutorial sederhana tentang bagaimana cara menampilkan List bulan dan tahun pada jQuery Datepicker. Tanpa panjang lebar lagi, Yuk mari baca dan simak tulisan ini sampai habis. Di jamin akan memberikan manfaat yang besar untuk menambah pengetahuan Anda. Oke, langsung saja ya.
Untuk menampilkan List bulan dan tahun pada jQuery Datepicker sangatlah mudah, Anda cukup menambahkan properti changeMonth dan changeYear seperti di bawah ini :
$("#datepicker").datepicker({
changeMonth : true,
changeYear : true
});Berikut ini adalah contoh script lengkapnya :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Cara Menampilkan List Bulan Tahun pada jQuery Datepicker</title>
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<link href="https://repo.mitrateknoniaga.com/jquery-ui-1.12.1/jquery-ui.css" rel="stylesheet">
<script type="text/javascript" src="https://repo.mitrateknoniaga.com/jquery-1.12.4.js"></script>
<script type="text/javascript" src="https://repo.mitrateknoniaga.com/jquery-ui-1.12.1/jquery-ui.js"></script>
<script type="text/javascript">
$(function(){
$("#datepicker").datepicker({
changeMonth : true,
changeYear : true
});
});
</script>
</head>
<body>
<div class="ui-widget">
<label for="datepicker">Tanggal: </label>
<input id="datepicker">
</div>
</body>
</html>Bila dijalankan, script di atas akan menghasilkan Output seperti berikut ini :
Selesai. Sangat mudah kan?
Demikian pembahasan tentang Cara Menampilkan List Bulan Tahun pada jQuery Datepicker, semoga tulisan ini bisa memberikan manfaat untuk Anda yang membaca. Sampai jumpa di tulisan berikutnya. Terima Kasih
