Cara menampilkan dan mengatur datepicker bootstrap hanya Tahun saja dan Posisi.


Sebelum memulainya, masih ada yang bertanya apa itu bootstrap? kalau masih banyak yang belum tahu sebelumnya sudah dibahas disini. Untuk bagaimana penggunannya silahkan kunjungi situs resmi Bootstrap disana lengkap bagaimana menggunakan bootstrap.

Kali ini saya akan membahas bagaimana cara menampilkan datepicker bootstrap hanya yang ditampilkan tahun saja. Yang semulanya datepicker menampilkan tampilan kalender pada umumnya, kali ini hanya tahun saja. Monggo diperhatikan, kemudian dipraktekkan.

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

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

Maka hasilnya seperti ini:

year

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

 orientation: 'auto top'

Dapat digunakan di ASP.NET VB

Demo

Advertisements

One thought on “Cara menampilkan dan mengatur datepicker bootstrap hanya Tahun saja dan Posisi.

  1. Pingback: Cara menampilkan dan mengatur datepicker bootstrap hanya Bulan dan Tahun saja | Mas Pram

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s