Bootstrap-timepicker Not Working

I am trying to get timepicker to work similarly to datepicker:

Solution 1:

In head

<link href="css/bootstrap-datepicker3.min.css" rel="stylesheet">
<link href="css/bootstrap-timepicker.min.css"  rel="stylesheet">

In body

    <div class="form-group">
        <divclass="input-group date"data-provide="datepicker"><inputtype="text"class="form-control"placeholder="Date *"id="caldate"requireddata-validation-required-message="Please choose date."><spanclass="input-group-addon"><iclass="glyphicon glyphicon-th"></i></span><pclass="help-block text-danger"></p></div></div><script>var date = newDate();
        date.setDate(date.getDate()+1);
        //    $('div.input-group.date').datepicker({
        $('#caldate').datepicker({
            startDate: date
        });
    </script><divclass="form-group"><divclass="input-group bootstrap-timepicker timepicker"><inputid="timepicker1"type="text"class="form-control input-small"><spanclass="input-group-addon"><iclass="glyphicon glyphicon-time"></i></span><pclass="help-block text-danger"></p></div></div><scripttype="text/javascript">
        $('#timepicker1').timepicker({
            defaultTime: 'current',
            minuteStep: 1
        });
    </script>

Share