bootstrap 3, 在模态对话框中放一个选择时间的控件(实际是普通的text输入框),datetimepicker初始化后,点上去发现日期选择框被模态框遮住了:
html如下:
<form>
...
<div class="form-group" >
<label for="recipient-name" class="control-label">部署日期: </label>
<input type="text" class="form-control" id="dtpDeployTime">
</div>
</form>
js如下:
$('#dtpDeployTime').datetimepicker({
language:'zh-CN',
format:'yyyy-mm-dd',
weekStart: 1,
todayBtn: 1,
autoclose: 1,
todayHighlight: 1,
startView: 2,
minView: 2,
});
网上查到了几种解决方法,其中最简单的一个分享如下:
也就是在datetimepicker初始化时指定container属性,值为模态框的id:
$('#dtpDeployTime').datetimepicker({
container:'#dlgEdit', //增加container属性, #dlgEdit是模态框的id
//...
});
问题解决: