ded*_*ede 14 twitter-bootstrap bootstrap-datetimepicker
我想在bootstrap中使用datetimepicker,所以我按照本站点中的手动安装指南http://eonasdan.github.io/bootstrap-datetimepicker/ 但我遇到以下错误:未捕获错误:datetimepicker组件应放在相对位置容器.
怎么解决？
<div class="control-group form-horizontal ">
<label class="control-label">Date</label>
<div class="controls">
<input name="datetime" id="datetimepicker4" type="text" class="span4" value="<?php echo $datetime; ?>">
</div>
</div>
<script type="text/javascript">
$(function() {
$('#datetimepicker4').datetimepicker();
});
</script>
感谢您的回复......
tir*_*011 12
你需要一个控件的容器div
<body>
<div class="container">
<div class="row">
<div class="col-md-6">
your code snippet here
</div>
</div>
</div>
</body>
小智 11
我有同样的问题,我的解决方法是为我的日期时间控件添加新类,并为其添加position: relative属性:
<style>
.editor-datetime {
position: relative;
}
</style>
<div class="editor-datetime">
@Html.EditorFor(i => i.StartDate)
</div>
希望这可以帮助!
我也有同样的问题。
我通过添加相对于包装div的位置来修复它，如下所示：
<div class="control-group form-horizontal ">
<label class="control-label">Date</label>
<div class="controls" style="position: relative">
<input name="datetime" id="datetimepicker4" type="text" class="span4" value="<?php echo $datetime; ?>" >
</div>
</div>
<script type="text/javascript">
$(function () {
$('#datetimepicker4').datetimepicker();
});
</script>
| 归档时间： |
|
| 查看次数： |
15444 次 |
| 最近记录： |