在点击 asp:linkbutton 时显示 Jquery ui datepicker答案

【问题标题】：showing Jquery ui datepicker on click of asp:linkbutton在点击 asp:linkbutton 时显示 Jquery ui datepicker
【发布时间】：2013-10-22 12:26:47
【问题描述】：

我们可以在点击 asp.net 链接按钮时显示 Jquery UI 日期选择器吗？

这是我的标记：

<asp:LinkButton ID="PublishedSortLinkButton" runat="server"
                cssclass="datepicker"     Text="<%$ Resources:Vacancies, DateRange %>" CssClass="datepickerCompleted" />

这里是 Jquery

 $(".datepicker").datepicker({
            });

但它不显示 jquery datepicker

我试过了：

     $("#datepicker").datepicker();
                $('#selec').click(function () {
                    $('#datepicker').toggle();
                });

点击

它成功了。

asp:LinkButton 导致回发如果是这个原因，我也可以使用 asp:hyperlink。

【问题讨论】：

令人困惑！！！是用ID还是类？？一旦你使用$(".datepicker")，接下来你使用$("#datepicker")???
在某一时刻，我使用 id，因为它是 html 控件，而 asp:hyperlinkbutton，我使用类，因为 asp.net 控件生成的 html 使 id 更长（附加母版页和页面名称）
好的，知道了。但是你知道日期选择器只能应用于input type="text" 而不能应用于asp LinkButtons 或html 呈现的超链接，对吧？你试过用 asp textbox 或 html input type="text" 吗？
@palaѕн 我需要在点击链接时将其显示在 asp.net gridview 的标题中

标签： javascript jquery asp.net datepicker

【解决方案1】：

你可以这样做：

$("#datepicker").hide().datepicker()

$('#myLink').click(function (e) {
    e.preventDefault();

    // Show the datepicker div
    $("#datepicker").toggle();
});

演示：Fiddle

【讨论】：

@palash 如果我想在用户点击页面上的某个位置时隐藏它怎么办？