引导时间选择器不显示时间选择器选项

1 html javascript css timepicker twitter-bootstrap

我正在制作一个应用程序并使用bootstrap timepicker,它仅在我的输入字段中显示当前时间,但没有显示时间选择器来选择时间选择器,请帮助我解决它。并且也没有显示任何错误。

的HTML

<div class="col-xs-3"> <label>Invoice #</label>
   <input class="timepicker form-control " >
</div>
Run Code Online (Sandbox Code Playgroud)

的CSS

<!-- Bootstrap time Picker -->
<link rel="stylesheet" href="plugins/timepicker/bootstrap-timepicker.min.css">
Run Code Online (Sandbox Code Playgroud)

JS

 <!-- bootstrap time picker -->
<script src="plugins/timepicker/bootstrap-timepicker.min.js"></script>

//Timepicker
$(".timepicker").timepicker({
    showInputs: false
});
Run Code Online (Sandbox Code Playgroud)

Web*_*r G 7

我将bootstrap-timepicker类添加到父项中,似乎它使它对我显示。