I am using this clockpicker plugin for Bootstrap in my project. Everything works fine when used on a normal page. But when used in a modal dialog, the values are not being picked by the plugin. I am able to select the hours and minutes, but the clock simply disappears once I click on AM/PM or Done button. Also when the modal is scrolled, the clockpicker stays fixed in its initial position, but that's not the case in a normal page. Please help me solve this issue.
关注
码龄 粉丝数 原力等级 --
- 被采纳
- 被点赞
- 采纳率
已采纳
在模态对话框中使用Bootstrap Clockpicker
收起
- 写回答
- 好问题 0 提建议
- 关注问题
- 微信扫一扫点击复制链接分享
- 邀请回答
- 编辑 收藏 删除 结题
- 收藏 举报
4条回答 默认 最新
- 关注
码龄 粉丝数 原力等级 --
- 被采纳
- 被点赞
- 采纳率
doufan6544 2015-03-02 22:54关注It is the issue with modal box. Actually, initially modal is not visible and you would have called the clockpicker before modal box is shown. Try, opening modal box first and then clockpicker js.you can try opening modal box through js.
$(selector).click(function () { $('#myModal').modal('show'); // #myModal (id of modal box) $('.clockpicker').clockpicker(); // clockpicker js });
If still it's not working then try adding some minor delay to clockpicker js For EG:
$(selector).click(function () { function show_popup() { $('.clockpicker').clockpicker(); // clockpicker js }; window.setTimeout(show_popup, 1000); // 1 seconds });
本回答被题主选为最佳回答 , 对您是否有帮助呢? 本回答被专家选为最佳回答 , 对您是否有帮助呢? 本回答被题主和专家选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报微信扫一扫点击复制链接分享编辑预览轻敲空格完成输入- 显示为
- 卡片
- 标题
- 链接
评论按下Enter换行,Ctrl+Enter发表内容
编辑
预览
轻敲空格完成输入
- 显示为
- 卡片
- 标题
- 链接
报告相同问题?
提交
- 2019-08-06 14:11回答 2 已采纳 我回答过一个几乎和你这个类似的问题,只不过用的是win32。 ![图片说明](https://img-ask.csdn.net/upload/201908/07/1565182862_144715.
- 2019-08-17 02:42回答 1 已采纳 https://www.cnblogs.com/luo-peng/p/6013439.html
- 2022-05-03 02:41回答 1 已采纳 你可以在窗口的类里写一个全局变量呀,比如int count=0;(表示很认可的),当你提交是你肯定也知道用户选了那个选项,判断是选了【很认可】,就让count++;累加计数呗,相应的报告的窗体【很认可
- 2020-09-02 03:01Bootstrap模态对话框是网页设计中常用的一种交互元素,它允许在不离开当前页面的情况下,弹出一个子窗口展示额外信息或进行交互操作。Bootstrap框架提供了便捷的方式来创建和使用模态对话框,使得开发者能够轻松地...
- 2015-10-08 00:46回答 2 已采纳 给这一块设置最大高度 max-height
- 2015-08-11 19:43回答 1 已采纳 Are you using ajax at all? Remove your onclick from your button and try: $("#Button1").click(
- 2018-06-20 21:05回答 1 已采纳 Hope this will help you Your url should be like this : url = "<?php echo site_url('User/bo
- 2020-08-31 10:01下面将详细介绍如何在Bootstrap3中使用模态对话框。 首先,使用模态对话框需要引入必要的JavaScript和CSS库。确保在HTML文档的`<head>`部分引入Bootstrap的CSS框架以及jQuery库,因为Bootstrap的模态功能依赖于...
- 2013-07-24 21:42回答 1 已采纳 Just add a CSS to hide your div. <div id="dialog1" title="Some title" style="display:none">
- 2013-09-24 22:25回答 2 已采纳 You have to add eventsListeners to the button and prevent their default behave. (function(){
- 2022-05-18 07:05回答 1 已采纳 可以参考一下 bootstrap datepicker 在bootstrap modal中不显示问题 - 编程之家 在普通的网页中显示
- 2020-08-30 23:52在Bootstrap中,模态对话框(Modal)是一种常见且实用的组件,它允许用户在不离开当前页面的情况下查看或输入信息。然而,在实际开发过程中,可能会遇到一个问题:当一个页面中包含多个模态对话框时,可能只有第一个...
- 2020-10-17 22:18Bootstrap模态对话框是网页设计中常用的一种交互元素,它允许用户在不离开当前页面的情况下与网站进行交互,如查看详细信息、填写表单或确认操作。本篇文章将详细介绍如何在Bootstrap模态对话框中显示动态内容。 ...
- 2020-08-29 16:57在使用 Bootstrap 的模态对话框时,有时我们需要动态地从远程URL加载数据到模态框内,以便展示最新的内容。然而,默认情况下,Bootstrap 的模态对话框只会加载一次远程数据,后续再打开同一模态框时,不会重新请求...
- 2020-10-17 19:08Bootstrap模态对话框是网页设计中常用的一种交互元素,它可以在不离开当前页面的情况下提供额外信息或进行操作。在Bootstrap框架中,模态对话框(Modal)是一个浮动的层,通常用于显示弹出式内容,如警告信息、表单...
- 没有解决我的问题, 去提问
联系我们(工作时间:8:30-22:00)
400-660-0108kefu@csdn.net在线客服
- 京ICP备19004658号
- 经营性网站备案信息
- 公安备案号11010502030143
- 营业执照
- 北京互联网违法和不良信息举报中心
- 家长监护
- 中国互联网举报中心
- 网络110报警服务
- Chrome商店下载
- 账号管理规范
- 版权与免责声明
- 版权申诉
- 出版物许可证
- ©1999-2025北京创新乐知网络技术有限公司