【问题标题】:Jquery Datepicker not working in bootstrap modalJquery Datepicker 在引导模式下不起作用
【发布时间】:2015-04-12 14:28:31
【问题描述】:

在下面的代码中,我有一个 jquery datepicker。我尝试在引导模式中实现。但它不起作用。请帮助我解决问题。

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js" type="text/javascript"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js" type="text/javascript"></script>
    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="Stylesheet" type="text/css" />
    <script type="text/javascript">
        $(function () {
            $("[id$=txtdob]").datepicker({
                showOn: 'button',
                buttonImageOnly: true,
                buttonImage: 'images/calendar.gif'
            });
        });
    </script>


 <input type="text" style="width:30%" id="txtdob"  name="nmdob"  class="form-control" runat="server" placeholder="Dob"  />

【问题讨论】:

    标签: javascript jquery twitter-bootstrap


    【解决方案1】:

    您必须在主体 onload() 中调用该函数,因为在引导时,元素尚未初始化,因此您无法访问 DOM。

    【讨论】:

    • 我正在使用母版页,所以我可以在窗口加载时调用
    • 您能否更改您的母版页,使&lt;body&gt; 元素包含onload="init();" 属性?然后调用你的函数init()
    • 我正在开发引用母版页的应用程序,所以我无法删除母版页是否还有其他可能性
    • 不删除,编辑您正在使用的母版页。
    • 我要求加载但问题未修复
    【解决方案2】:

    改变

    $("[id$=txtdob]").datepicker({
    

    $("#txtdob").datepicker({
    

    并将其放入$(document).ready...

    【讨论】:

    • 我试过了,但没有解决方案。它在模态弹出窗口外有效,但在模态弹出窗口内无效
    • 请详细说明为什么这会解决问题并相应地编辑您的答案。
    • 我弄错了。没看到你已经有 $(function () {}; 和 $(document).ready(); 一样了 可以发一下jsfiddle吗?谢谢
    猜你喜欢
    • 2019-05-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多