引导时间选择器不起作用
bootstrap-timepicker not working
我正在尝试让时间选择器的工作方式类似于日期选择器:
<div class="form-group">
<div class="input-group date" data-provide="datepicker">
<input type="text" class="form-control" placeholder="Date *" id="caldate" required data-validation-required-message="Please choose date.">
<span class="input-group-addon">
<i class="glyphicon glyphicon-th"></i>
</span>
<p class="help-block text-danger"></p>
</div>
</div>
<script>
var date = new Date();
date.setDate(date.getDate()+1);
$('div.input-group.date').datepicker({
startDate: date
});
</script>
<div class="form-group">
<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>
<p class="help-block text-danger"></p>
</div>
</div>
<script type="text/javascript">
$('#timepicker1').timepicker();
</script>
日期选取器有效,但时间选取器在单击时不显示。我在javascript部分做错了什么吗?
in head
<link href="css/bootstrap-datepicker3.min.css" rel="stylesheet">
<link href="css/bootstrap-timepicker.min.css" rel="stylesheet">
在体内
<div class="form-group">
<div class="input-group date" data-provide="datepicker">
<input type="text" class="form-control" placeholder="Date *" id="caldate" required data-validation-required-message="Please choose date.">
<span class="input-group-addon">
<i class="glyphicon glyphicon-th"></i>
</span>
<p class="help-block text-danger"></p>
</div>
</div>
<script>
var date = new Date();
date.setDate(date.getDate()+1);
// $('div.input-group.date').datepicker({
$('#caldate').datepicker({
startDate: date
});
</script>
<div class="form-group">
<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>
<p class="help-block text-danger"></p>
</div>
</div>
<script type="text/javascript">
$('#timepicker1').timepicker({
defaultTime: 'current',
minuteStep: 1
});
</script>
相关文章:
- 为什么 .focus() 不起作用,而 .css(“color”,“red”) 在同一个选择器上起作用
- 动态填充Bootstrap选择选择器:change event dos'不起作用
- jQuery日期选择器在Codeigniter和Bootsrap模式表单中不起作用
- JQuery日期选择器在IE 7上不起作用
- 棱角分明的日期选择器;在ngDialog中不起作用
- jQuery选择器在脚本中不起作用,但在控制台中工作
- 属性选择器不起作用(语法错误、无法识别的表达式)
- 类选择不起作用的 css 选择器
- onchange Jquery 在使用选择器更改值时不起作用
- asp.net jquery 日期选择器不起作用
- 以选择器^=开头的css在用javascript更改类后不起作用
- 在mvc上使用日期选择器不起作用
- jquery children选择器没有'不起作用
- 带有变量选择器的 Jquery 不起作用
- 日期选择器在动态添加的行中不起作用
- Bootstrap日期选择器中的更新不起作用
- 选项“;daysOfWeekDisabled”;在引导程序日期时间选择器中不起作用
- JavaScript id 选择器不起作用?不知道出了什么问题
- 循环遍历类名索引不起作用..选择
- .trigger(' selected:updated')不起作用.选择v1.6.1