Can anybody help to find the answer.

Question

1.00/5 (1 vote)

See more:

Hi All,

Can anybody help to find the answer.

In asp.net inside textbox I want a calender. Means when I click on textbox calender should be displayed.

How I will get..please reply

Regards,
Apali

Posted 16-Jul-13 21:21pm

Apali

Updated 16-Jul-13 21:25pm

jaideepsinh

v2

Add a Solution

Comments

jaideepsinh 17-Jul-13 3:27am

Hello apali,
Did you try ajax control for this?

Apali 17-Jul-13 3:44am

its not working...i tried like this
<head runat="server">
<title></title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />
<script type="text/javascript" language="javascript">
$(function () {
$("#TextBox1").datepicker({
changeMonth: true,
changeYear: true
});
});
$(function () {
$(".TextBox2").datepicker({
changeMonth: true,
changeYear: true
});
});
</script>
here for 1st textbox i am getting calender but for 2nd i am not getting..

crazie.coder 17-Jul-13 3:31am

if you are using ajax calender extender
you can use

<asp:TextBox ID="TextBox1" runat="server">
<cc1:CalendarExtender ID="CalendarExtender1" runat="server" TargetControlID="TextBox1" />

get more detail from here
http://www.dotnetcurry.com/ShowArticle.aspx?ID=149

jaideepsinh 17-Jul-13 3:47am

This one is very simple to understand ajax.
http://www.asp.net/ajaxlibrary/ajaxcontroltoolkitsamplesite/

2 solutions

Solution 2

Try this link :

http://www.asp.net/ajaxLibrary/AjaxControlToolkitSampleSite/Calendar/Calendar.aspx[^]

Here you can get very simple code.

Posted 16-Jul-13 21:48pm

jaideepsinh

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

**Nirav Prabtani** · Accepted Answer · 2013-07-16T21:29:00

Solution 1

try this..:)

HTML

<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>jQuery UI Datepicker - Default functionality</title>
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css" />
  <script>
  $(function() {
    $( "#datepicker" ).datepicker();
  });
  </script>
</head>
<body>
 
<p>Date: <input type="text" id="datepicker" /></p>
 
 
</body>
</html>

reference

http://jqueryui.com/datepicker/[^]

Posted 16-Jul-13 21:29pm

Nirav Prabtani

Updated 16-Jul-13 21:30pm

v2

Comments

Apali 17-Jul-13 3:33am

Nirav Prabtani 17-Jul-13 3:34am

yes try this..:)

<script type="text/javascript" language="javascript">
$(function () {
$("#TextBox1").datepicker({
changeMonth: true,
changeYear: true
});
});
$(function () {
$("#TextBox2").datepicker({
changeMonth: true,
changeYear: true
});
});
</script>

notice that ID of textbox must be TextBox2 and give proper links of jquery.

Apali 17-Jul-13 3:37am

Nirav Prabtani 17-Jul-13 5:04am

yes this is necessary.

Apali 17-Jul-13 3:45am

Hi Nirav,
its not working...i tried like this

<head runat="server">
<title></title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />
<script type="text/javascript" language="javascript">
$(function () {
$("#TextBox1").datepicker({
changeMonth: true,
changeYear: true
});
});
$(function () {
$(".TextBox2").datepicker({
changeMonth: true,
changeYear: true
});
});
</script>
here for 1st textbox i am getting calender but for 2nd i am not getting..

Nirav Prabtani 17-Jul-13 5:04am

why are you putting . instead of # ???

Apali 17-Jul-13 5:06am

ya by mistakely i put . ...now its working ..Thanks a lot Nirav...You know crystal Report??

Nirav Prabtani 17-Jul-13 5:09am

yes but for this you have to put new question.

Apali 17-Jul-13 5:12am

ya i already put now..please check once..

Nirav Prabtani 17-Jul-13 5:05am

you should code
$(function () {
$("#TextBox2").datepicker({
changeMonth: true,
changeYear: true
});
});