4

也许这将是一个愚蠢的问题,但我无法处理我的问题。我检查了这里的所有问题和答案,但我没有找到任何线索。无论如何,我想将 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>

感谢您的回答。

4

3 回答 3

6

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

 <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>

但我不明白 (") 和 (') 之间的区别是什么?

于 2013-08-18T13:01:46.380 回答
1

尝试这个

<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>
于 2013-08-17T05:57:35.430 回答
0

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

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

缺点是您要针对更多元素(可能),但除非您的表单中有大量输入,否则它不应该产生明显的差异。

于 2013-08-17T06:09:01.937 回答