Question

I’m sorry i can’t find any answer for this.

Is this a known problem? Does it have a solution?

Please help. I’d like to use JQueryUI in ASP.net Server Controls

sample script

$(document).ready(function () {
           $('#txtSearch').datepicker({
               showPeriod: true,
               showLeadingZero: true
           });
           $('#Text1').datepicker({
               showPeriod: true,
               showLeadingZero: true
           });
       });

sample markup

    <input id="Text1" type="text"/>
    <asp:TextBox ID="txtSearch" runat="server" Height="21px" Width="196px">
    </asp:TextBox>

the thing is its working on a regular html control but not on the asp control
i appreciate any help. Thanks!

Answer 1

Try the below. If you ‘view source’ of the page, you will see that the ID of the asp.net control has been dynamically changed. Using the below you can access the dynamically generated ID for the txtSearch html element:

$(document).ready(function () {
           $('#<%=txtSearch.ClientID%>').timepicker({
               showPeriod: true,
               showLeadingZero: true
           });
           $('#Text1').timepicker({
               showPeriod: true,
               showLeadingZero: true
           });
       });