Base solution for your next web application
Open Closed

Inject bootstrap-datetimepicker #1271


User avatar
0
federicopelaez created

how to inject bootstrap-datetimepicker reference in the project to use it this way ?

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


1 Answer(s)
  • User Avatar
    0
    ismcagdas created
    Support Team

    Hi,

    I assume that you want to use it on the multi page side. For bootstrap datetime picker it's explained here <a class="postlink" href="https://eonasdan.github.io/bootstrap-datetimepicker/Installing/">https://eonasdan.github.io/bootstrap-da ... nstalling/</a>. You just neet to download and include missing scripts and css files.

    You can also try bootstrap daterange picker which is already included in the project <a class="postlink" href="http://www.daterangepicker.com/">http://www.daterangepicker.com/</a>. It has a singleDatePicker property for using it like a datetime picker.

    $('input[name="birthdate"]').daterangepicker({
            singleDatePicker: true,
        }
    

    Please let me know if you have any problem.