我正在使用带有angularJS和angularstrap的jquery完整日历。看来问题在于日历仅在我单击日历中的按钮之一或调整浏览器窗口大小时才显示。该日历被加载到使用angularstrap初始化的模式框中。
感谢您的帮助。
在这里Plunkr:链接
模态HTML在search_modal.html中日历控制器是:calendarCtrl.js父控制器是search.js
编辑:在尝试使用谷歌地图和画廊遇到相同的问题后,我认为这不是与日历直接相关的问题,而是与模式框本身相关的问题。多数互动且涉及javascript的内容均无法根据模式框的大小正确缩放。有人对如何解决此问题有任何想法吗?
您的问题似乎类似于如何在TwitterBootstrap下拉列表中列出两个Linkedin跟随按钮
您的模态设置为:
<a data-bs-modal="'search_modal.html'" href="#" class="ng-scope" data-target="#search_modal-003" data-toggle="modal">Search</a> <div id="search_modal-003" class="modal hide fade ng-scope in" tabindex="-1" aria-hidden="false">
删除显示屏:插入日历前无(空格)将解决您的问题。使用上面的代码,将其添加#search_modal-003 {display:block;}到自定义CSS中。
#search_modal-003 {display:block;}