Mengubah tampilan bulan dan tahun, input tanggal dari datepicker

Pada saat saya membuat tampilan form input untuk tanggal dengan jquery-ui, secara default tampilan bulan dan tahun tidak akan bisa dirubah.
Link untuk program:
<link rel=”stylesheet” href=”include/jquery-ui.css” />
<script src=”include/jquery-1.9.1.js”></script>
<script src=”include/jquery-ui.js”></script>

Gambar default tanggal



Bagaimana cara mengubah, agar tampilan bulan dan tahun bisa dibuat dropdown?

Gambar input tanggal datepicker dengan tampilan dropdown (bulan dan tahun)

Marilah kita bahas bersama di bawah ini….
Secara default apabila kita ingin mengaplikasikan datepicker ini file yang harus ada adalah: jquery-1.9.1.js, jquery-ui.js dan untuk tampilannya menggunakan file jquery-ui.css.

File-file tersebut dapat di download di http://jqueryui.com dan untuk mempelajari datepicker silakan anda download file nya di http://jqueryui.com/datepicker/

Ubah file jquery-ui.js di function function Datepicker()
pada bagian :

changeMonth: false, // True if month can be selected directly, false if only prev/next

changeYear: false, // True if year can be selected directly, false if only prev/next

ubah false menjadi true

changeMonth: true, // True if month can be selected directly, false if only prev/next

changeYear: true, // True if year can be selected directly, false if only prev/next

Untuk merubah range tahun ubah pada bagian yearRange, misalkan 80 tahun sebelumnya dapat ditampilkan:
yearRange: “c-80:c+0″, // Range of years to display in drop-down,

Demikian catatan kecil ini dan juga untuk mengingatkan saya, semoga dapat membantu….