【问题标题】:bootstrap popups with asp content not working带有 asp 内容的引导弹出窗口不起作用
【发布时间】:2015-03-19 06:26:33
【问题描述】:

在 asp 内容页面中使用引导弹出窗口模式。我的内容页面可以继承所有 asp 服务器控件的 css,但是当我尝试在 asp:contents 中使用引导弹出窗口时,它不会弹出。我也找不到问题所在,因为调试器无法捕捉到问题。

其中一个不工作的引导实例是 datepicker。在 asp:content 中使用以下代码。这没用。我已经在表格行和表格外尝试过这个内容。我不确定可能是什么问题

<div>
<div class="container">
        <div class="hero-unit">
            <input  type="text" placeholder="click to show datepicker"  id="example1">
        </div>
    </div>
    <!-- Load jQuery and bootstrap datepicker scripts -->
    <script src="js/jquery-1.9.1.min.js"></script>
    <script src="datepicker/js/bootstrap-datepicker.js"></script>
    <script type="text/javascript">
        // When the document is ready
        $(document).ready(function () {

            $('#example1').datepicker({
                format: "dd/mm/yyyy"
            });

        });
    </script>
</div>

【问题讨论】:

  • 你能告诉我们模态的代码以及你是如何打开模态的吗?
  • 使用浏览器的 JavaScript 控制台/开发者工具查看您可能遇到的客户端错误;这些通常在您的浏览器处于活动窗口时使用 F12 键启动。
  • 仅查看您包含的代码,看起来(至少)您缺少 bootstrap.js 脚本,而 bootstrap-datepicker.js 脚本依赖于该脚本。
  • 它们已添加到母版页中,我也尝试将它们添加到此特定网页中。还是不行。
  • bootstrap 没有日期选择器。您尝试使用什么引导程序的日期选择器?

标签: c# css asp.net twitter-bootstrap


【解决方案1】:

现在一切正常。这是它的工作原理。

$(function () {
            $('#dp1').datepicker({
                format: "dd/mm/yyyy"
            });
        });

function copy_data(val){
                    var a = document.getElementById('dp1').value
                    document.getElementById("<%=txtdob2.ClientID%>").value=a
                }
<div>
                                <input type="text" placeholder="Click to show Datepicker" id="dp1" class="form-control input-sm" onblur ="copy_data(this)"/>
                                    <asp:HiddenField ID="txtdob2" runat="server" />
                                    
                                    <asp:Label ID="lblDOB" runat="server" ForeColor="Red"></asp:Label>
                                    </div>

但是现在我有一个不同的问题。我无法将数据从文本框保存到服务器。由于它是基于客户端的文本框,因此它不会保存到服务器。我也尝试过使用 Hidden 值,但它不起作用。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-12-21
    • 2023-03-04
    相关资源
    最近更新 更多