顯示jquery ui datepicker點擊asp：linkbutton

我們可以在點擊asp.net linkbutton時顯示jquery UI datepicker嗎？顯示jquery ui datepicker點擊asp：linkbutton

這裏是我的標記：

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

，這裏是Jquery的

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

，但它並沒有顯示jQuery的日期選擇器

我嘗試這樣做：

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

點擊

它工作。

asp：LinkButton導致回發如果這是原因，我也可以使用asp：hyperlink。

來源

2013-10-22 DotnetSparrow

混淆！正在使用ID或類？一旦你使用了'$（「。datepicker」）'並且接下來你使用了'$（「＃datepicker」）'??? –

在一個點我使用id，因爲它是HTML控制，因爲與asp：hyperlinkbutton，我使用的類，因爲asp.net控件的生成的HTML使ID更長（與附加的母版頁和頁面名稱） – DotnetSparrow

好了。但是你知道datepicker只能應用於'input type =「text」'不適用於asp LinkButtons或HTML渲染的超鏈接，對不對？你有沒有嘗試過與ASP文本框或HTML輸入類型=「文本」'？ –

你可以這樣做：

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

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

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

演示：Fiddle

來源

2013-10-22 12:47:24

@palash如果我想隱藏它時，用戶點擊somehwere頁？ – DotnetSparrow

@DotnetSparrow：你可以[**這個**]（http://jsfiddle.net/HAprE/1/）然後.. –

顯示jquery ui datepicker點擊asp：linkbutton

回答

相關問題