php – bootstrap twitter datepicker modal – 日历出现在父屏

发布时间：2020-12-13 13:41:37 所属栏目：PHP教程来源：网络整理

导读：我有一个表单(Payment.php),我使用twitter bootstrap在模态屏幕中显示. 在表单中我有一个日期字段,我找到了 this引导程序插件. 但问题是日历是在父屏幕(Index.php)中加载而不是在实际需要它的模态表单上. 任何人都可以建议解决这个问题. 以下是我尝试过的代

我有一个表单(Payment.php),我使用twitter bootstrap在模态屏幕中显示.
在表单中我有一个日期字段,我找到了 this引导程序插件.

但问题是日历是在父屏幕(Index.php)中加载而不是在实际需要它的模态表单上.

任何人都可以建议解决这个问题.

以下是我尝试过的代码.

进口：

<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/datepicker.css" rel="stylesheet">
<script src="js/bootstrap-datepicker.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/jquery-1.8.0.js"></script>

PHP：

<div class="controls">
        <input data-datepicker="datepicker" class="span3" value="2012-09-13" data-date-format="yyyy-mm-dd" id="dp2" >
        </div>

JS：

$('#dp2').datepicker();

将z-index添加到.datepicker类并生成多个.modal

.datepicker {
z-index: 9999;
top: 0;
left: 0;
padding: 4px;
margin-top: 1px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!