Cara Membuat Datepicker Jquery di Bootstrap dengan Bootstrap 3 Datepicker


Langsung saja pada kesempatan ini saya akan membahas tentang cara membuat datepicker di bootstrap dengan Bootstrap 3 Datepicker, pada dasarnya datepicker digunakan pada sebuah form untuk mempermudah pencarian tanggal dan waktu yang dikehendaki, kebetulah ketika saya mencari di github saya menemukan plugin untuk membuat datepicker dengan mudah di bootstrap 3 nah berikut ini adalah petikan script minimum setup untuk membuat datepicker nya :

<div class="container">
    <div class="row">
        <div class='col-sm-6'>
            <div class="form-group">
                <div class='input-group date' id='datetimepicker1'>
                    <input type='text' class="form-control" />
                    <span class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>
        </div>
        <script type="text/javascript">
            $(function () {
                $('#datetimepicker1').datetimepicker();
            });
        </script>
    </div>
</div>

Maka akan muncul seperti gambar dibawah ini :


Begitu kira kira ulasan singkat saya untuk membuat datepicker dengan Bootstrap 3 Datepicker, untuk dokumentasi yang lengkap mengenai install plugin ini dan lain sebagainya, anda bisa mengunjungi websitenya di http://eonasdan.github.io/bootstrap-datetimepicker/#minimum-setup . Untuk mendownload plugin tersebut anda bisa langsung menuju ke repositorynya di GitHub https://github.com/Eonasdan/bootstrap-datetimepicker, silahkan di coba dan di praktekkan.

Happy Coding & Programming

Previous
Next Post »