jquery date picker not working in asp.net web form

Question

Following date picker is not work in asp.net web form. I changed code so many time not even other example are working & even create new page to test still not working.

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="test.aspx.cs" Inherits="test" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js" type = "text/javascript"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js" type = "text/javascript"></script>
    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel = "Stylesheet" type="text/css" /> 
    <script type="text/javascript">

//Code Starts
$(document).ready(function() {

     $('#Text1').datepicker();
      $('#<%=txtBookDate.ClientID %>').datepicker();
});

</script>
</head>

<body>
    <form id="form1" runat="server">
    <div>
     <asp:TextBox ID="txtBookDate" runat="server"></asp:TextBox><input id="Text1" type="text" />
    </div>
    </form>
</body>
</html>

Example on jsFiddler is working

http://jsfiddle.net/ANdUK/3/

Have you tried moving the jQuery script to just below </Body>? — WraithNath
– WraithNath, Commented May 30, 2012 at 10:37
Yes, I even did that but it is still not working similar example for jSfiddler is working http://jsfiddle.net/ANdUK/3/ — Learning
– Learning, Commented May 30, 2012 at 10:41
Ok, If you replace the .datePicker call with an alert('test'); do you get the alert shown? perhaps document.ready is not getting fired. If the alert does not get fired perhaps its having trouble pulling the scripts from google — WraithNath
– WraithNath, Commented May 30, 2012 at 10:44

marc_s · Accepted Answer · 2017-01-31 08:53:06Z

1

The problem is probably that the ids are changed somehow because they are inside a form. You should check the generated id and use it. BTW the example on jsfiddle doesn't work without jQuery UI

EDIT try not to put spaces in the script tag and try taking the normal input outside the form

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js" type="text/javascript"></script>

edited Jan 31, 2017 at 8:53

marc_s

760k186 gold badges1.4k silver badges1.5k bronze badges

answered May 30, 2012 at 10:37

Nicola Peluchetti

76.9k32 gold badges150 silver badges197 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Learning Over a year ago

Example is working it was broken. I have test even in the source ID generate is correct for asp.net even. If that is the case then it should atleast work for simple HTML control which it is not

Nicola Peluchetti Over a year ago

@KnowledgeSeeker have you tried taking off the spaces from the script tag after the type property?Also try to take the normal input outside the form

Learning Over a year ago

I have removed space did same thing as you suggested. for some reason it is not working..

Nicola Peluchetti Over a year ago

@KnowledgeSeeker that's strange, but with the firebug console do you see any error?

Carl Sharman · Accepted Answer · 2012-05-30 10:52:31Z

0

After the final semi-colon in the following line of code:

$(document).ready(function() {

     $('#Text1').datepicker();
      $('#<%=txtBookDate.ClientID %>').datepicker();
});

You have some sort of dodgy character. Delete it and you'll be good to go.

answered May 30, 2012 at 10:52

Carl Sharman

4,8931 gold badge35 silver badges31 bronze badges

2 Comments

Learning Over a year ago

I notice ? was generate when i moved same code to notepad and create simple .html from it i removed the invincible character which was like ? in notepad. and then code started to worker. I removed all the code and added script files and controls not it works fine. Thanks everyone.. This is frustrating when you cant see something which is creating unexpected results. Cant believe i wasted 2 hours with this issue

Carl Sharman Over a year ago

It came up as a javascript error in FireBug when I tried it, which made it easy to find. If you haven't already, I'd recommend you familiarise yourself with FireBug or Chrome Developer Tools. Best wishes, Carl.

Collectives™ on Stack Overflow

jquery date picker not working in asp.net web form

2 Answers 2

4 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related