asp内容无法正常工作的bootstrap弹出窗口

时间:2014-12-24 08:21:25

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

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

其中一个无效的引导程序实例是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>

1 个答案:

答案 0 :(得分:0)

现在工作正常。以下是代码的工作原理。

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

function copy_data(val){
                    var a = document.getElementById('dp1').value
                    document.getElementById("<%=txtdob2.ClientID%>").value=a
                }
&#13;
<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>
&#13;
&#13;
&#13;

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