php – bootstrap twitter datepicker modal – 日历出现在父屏幕而不是模态屏幕

发布时间:2022-04-30 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了php – bootstrap twitter datepicker modal – 日历出现在父屏幕而不是模态屏幕脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个表单(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;
}

脚本宝典总结

以上是脚本宝典为你收集整理的php – bootstrap twitter datepicker modal – 日历出现在父屏幕而不是模态屏幕全部内容,希望文章能够帮你解决php – bootstrap twitter datepicker modal – 日历出现在父屏幕而不是模态屏幕所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。