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
Boostrap MENAMPILKAN DATEPICKER DI MODAL
www.ringkas.us
maka akan tampil gambar seperti ini jika button tampilkan modal kita click
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
di modal boostrap
secara keseluruhan kodenya akan menjadi seperti ini
Boostrap MENAMPILKAN DI MODAL
www.ringkas.us
jika pun tidak tampil karena berada di belakang modal kamu dapat menambahkan sedikit kode css sebelum tag html yaitu
baiklah sekian dulu tutorial mengenai datepicker di boostrap, semoga bermanfaat