文本框内的日期选择器

Question

我下载了一个特定的日期选择器 (http://amsul.ca/pickadate.js/date/)。

我用这行代码测试了它：

<input class="fieldset__input js__datepicker picker__input" type="text" readonly="" id="tbDate" aria-haspopup="true" aria-expanded="false" aria-readonly="false" >

这有效，但我不知道如何将日期选择器添加到 TextBox 元素中。我这样试过，但没有用：

<script type="text/javascript">
    $(document).ready(function () {
        $(function () {

            $("#" + '<%=tbDate.ClientID%>').datepicker();
        });
    });
</script>
 <asp:TextBox ID="tbDate" runat="server" ></asp:TextBox>

你能解释一下我应该如何调用这个日期选择器吗？

谢谢

Answer 1

祝你好运：

<script type="text/javascript">
    $(document).ready(function () {
        $(function () {    
            $(".someUniqueClass").datepicker();
        });
    });
</script>
<asp:TextBox ID="tbDate" runat="server" class="someUniqueClass" ></asp:TextBox>

我将选择器更改为使用 class...

你也可以试试这个：

<script type="text/javascript">
    $(document).ready(function () {
        $(function () {    
            $(".someUniqueClass").pickadate();
        });
    });
</script>
<asp:TextBox ID="tbDate" runat="server" class="someUniqueClass" ></asp:TextBox>

或者这样：

<script type="text/javascript">
    $(document).ready(function () {
        $(function () {    
            $("#" + '<%=tbDate.ClientID%>').pickadate();
        });
    });
</script>
<asp:TextBox ID="tbDate" runat="server" ></asp:TextBox>

我不熟悉那个日期选择器，但看起来你用错了事件名称。

文本框内的日期选择器

datepicker inside TextBox

asp.net

jquery

textbox

jquery-ui-datepicker