Mungkin sebagian sudah mengenal tentang Bootstrap, Bootstrap merupakan sebuah framework HTML, JS, CSS yang populer dikalangan web developer dan berlisensi open source, Bootstrap memiliki berbagai plugins yang bisa diterapkan pada web anda, namun disini saya akan membuat tutorial membuat tanggal dengan bootstrap datepicker pada codeigniter dengan sangat mudah. berikut tutorialnya.
Bahan yang dibutuhkan.
- Jquery
Download semua bahan yang dibutuhkan, buatlah sebuah folder assets dan ekstrak Bootstrap framework seperti gambar dibawah.
Selanjutnya didalam folder assets buatlah folder plugins/datepicker-bootstrap dan ektrak folder dist pada datepicker-bootstrap.
Selanjutnya buatlah sebuah project CI ada. jika sudah buat satu buah views untuk menampilkan tanggal. lalu ketikan script berikut.
Buat link untuk memanggil CSS
<link rel="stylesheet" href="<?php echo base_url(); ?>assets/css/bootstrap.min.css" type="text/css">
<link rel="stylesheet" href="<?php echo base_url(); ?>assets/plugins/datepicker-bootstrap/css/bootstrap-datepicker.min.css" type="text/css"><script type="text/javascript" src="<?php echo base_url(); ?>assets/js/bootstrap.min.js"></script>
<script type="text/javascript" src="<?php echo base_url(); ?>assets/js/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="<?php echo base_url(); ?>assets/plugins/datepicker-bootstrap/js/bootstrap-datepicker.min.js"></script>
<div class="input-group date" data-provide="datepicker">
<input type="text" class="form-control">
<div class="input-group-addon">
<span class="glyphicon glyphicon-th"></span>
</div>
</div>Jika sudah jalankan browser makan akan tampil seperti gambar berikut.
Demo
Semoga bermanfaat