Kali ini saya akan membahas bagaimana cara menampilkan datepicker bootstrap hanya yang ditampilkan tahun saja. Yang defaultnya datepicker menampilkan tampilan kalender pada umumnya, nah disini kita hanya menampilkan tahun saja... untuk apa.. pada kondisi tertentu pasti akan dijumpai penggunaan hanya tahun saja.. OK.. langsung saja kita praktekin bagaimana code yang digunakan Untuk menampilkan Tahun saja di Detepticker bootstrap

Menampilkan Tahun di detepticker Bootstrap

Tambahkan script dibawah ini pada script code javascript untuk memanggil datepicker bootstrap:

Code :

$("#datepicker").datepicker( {
    format: " yyyy",
    viewMode: "years", 
    minViewMode: "years"
});

Hasil :

Demo

Misal pada tampilan datepicker muncul diposisi atas, untuk menampilkan datepicker diposisi bawah maka tambahkan script ini dibawah javascript minViewMode diatas :

orientation: 'auto top'