使用 Asp.Net 文本框引导日期选择器答案

【问题标题】：Bootstrap Datepicker with Asp.Net Textbox使用 Asp.Net 文本框引导日期选择器
【发布时间】：2013-08-17 02:08:11
【问题描述】：

也许这将是一个愚蠢的问题，但我无法处理我的问题。我检查了这里的所有问题和答案，但我没有找到任何线索。无论如何，我想将 bootstrap datepicker 与 asp.net 文本框一起使用。当我将它与没有 runat="server" 标记的输入一起使用时，我看到 datepicker 出现了，但是当我尝试将它与带有 runat="server" 标记的文本框一起使用时，datepicker 没有显示。关于如何解决这个问题的任何想法？

<asp:TextBox ID="DateTextbox" runat="server" CssClass="m-wrap span12 date form_datetime"></asp:TextBox>

    <script type="text/javascript">
    $(document).ready(function () {
        var dp = $("#<%=DateTextbox.ClientID%>");
            dp.datepicker({
            changeMonth: true,
            changeYear: true,
            format: "dd.mm.yyyy",
            language: "tr"
        });
    });
    </script>

感谢您的回答。

【问题讨论】：

标签： asp.net twitter-bootstrap

【解决方案1】：

感谢您的回答。我对我的代码做了一个小改动，它现在可以工作了。我张贴以供进一步使用。

 <script type="text/javascript">
    $(document).ready(function () {
        var dp = $('#<%=DateTextbox.ClientID%>');
        dp.datepicker({
            changeMonth: true,
            changeYear: true,
            format: "dd.mm.yyyy",
            language: "tr"
        }).on('changeDate', function (ev) {
            $(this).blur();
            $(this).datepicker('hide');
        });
});
</script>

但我不明白 (") 和 (') 之间的差异是什么？

【讨论】：

【解决方案2】：

试试这个

<asp:TextBox ID="DateTextbox" ClientIDMode="Static" runat="server" CssClass="m-wrap span12 date form_datetime"></asp:TextBox>


 <script type="text/javascript">
    $(document).ready(function () {
        var dp = $("#DateTextbox");
            dp.datepicker({
            changeMonth: true,
            changeYear: true,
            format: "dd.mm.yyyy",
            language: "tr"
        });
    });
    </script>

【讨论】：

【解决方案3】：

如果您不反对简单地使用类，则可以在输入中利用 date 类，如下所示：

<script>
    $(function () {
        $('input.date').datepicker({
            changeMonth: true,
            changeYear: true,
            format: "dd.mm.yyyy",
            language: "tr"
        });
    });
</script>

缺点是您（可能）定位到更多元素，但除非您的表单中有大量输入，否则不会产生明显的差异。

【讨论】：