综合开发

Bootstrap timepicker not showing time selecter option

微信扫一扫,分享到朋友圈

Bootstrap timepicker not showing time selecter option

i am making an application and using bootstrap timepicker and its only showing current time in my input field but not showing time picker to select time picker please help me to resolve it . and also not showing any error .

HTML

<div class="col-xs-3"> <label>Invoice #</label>
<input class="timepicker form-control " >
</div>

CSS

<!-- Bootstrap time Picker -->
<link rel="stylesheet" href="https://www.tuicool.com/articles/jAjyE3j/plugins/timepicker/bootstrap-timepicker.min.css">

JS

<!-- bootstrap time picker -->
<script src="https://www.tuicool.com/articles/jAjyE3j/plugins/timepicker/bootstrap-timepicker.min.js"></script>
//Timepicker
$(".timepicker").timepicker({
showInputs: false
});

It seems to work for me.

<link href="https://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" />
<link href="https://cdn.jsdelivr.net/bootstrap.timepicker/0.2.6/css/bootstrap-timepicker.min.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<script src="https://code.jquery.com/jquery-1.9.1.js"></script>
<script src="https://cdn.jsdelivr.net/bootstrap.timepicker/0.2.6/js/bootstrap-timepicker.min.js"></script>
<div class="input-group bootstrap-timepicker timepicker">
<input id="timepicker1" type="text" class="form-control input-small">
<span class="input-group-addon"><i class="glyphicon glyphicon-time"></i></span>
</div>
<script type="text/javascript">
$('#timepicker1').timepicker({
showInputs: false
});
</script>

IOS edition tableview hide sub-view in cell

上一篇

Python Scope Error

下一篇

你也可能喜欢

评论已经被关闭。

插入图片

热门栏目

Bootstrap timepicker not showing time selecter option

长按储存图像,分享给朋友