javascript - asp：linkbuttonのクリック時にJquery ui datepickerを表示する

Question

asp.net linkbutton のクリックで Jquery UI datepicker を表示できますか?

ここに私のマークアップがあります:

<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:LinkBut​​ton はポストバックを引き起こします。それが理由である場合は、asp:hyperlink も使用できます。

Answer 1

あなたはこれを行うことができます：

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

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

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

デモ：フィドル