Menampilkan datepicker di modal boostrap

datepicker bootstrap kita telah membahas tentang boostrap sebelumnya, nah kali ini kita akan membahas tentang modal boostrap salah satu modul dari boostrap yang menampilkan frame diatas halaman sederhana.  dengan modal akan sangat membantu dalam melakukan input data baru di dalam page, kamu tidak perlu membuka (load) page yang lain untuk menginput data.

untuk pertama kita buat document htmlnya dulu disini

maka akan tampil gambar seperti ini jika button tampilkan modal kita click

Menampilkan datepicker di modal boostrap

 ini baru untuk menampilkan modal boostrap saja sedangkan untuk menampilkan silakan kamu download lagi disini , dicontoh akan diberikan jika menggunakan CDN  ( kamu butuh koneksi internet jika menggunakan CDN ) …  tambahkan kode berikut ini Setelah Bootsrap.css

dan file berikut setelah bootsrap.js

maka akan tampil di halaman modal mu

datepicker di modal boostrapdi modal boostrap

secara keseluruhan kodenya akan menjadi seperti ini

jika pun tidak tampil karena berada di belakang modal kamu dapat menambahkan sedikit kode css sebelum tag html </head> yaitu

baiklah sekian dulu tutorial mengenai datepicker di boostrap, semoga bermanfaat

Leave a Reply

Your email address will not be published. Required fields are marked *