To Display Months and Year Calendar whenever clicking on the text box

Question

1.00/5 (1 vote)

See more:

Hi, i created one webpage in aspx. in which i want to display the Months and Year calendar,

whenever i am clicking in the text box. after picked the selective month and year in the calendar

control i want to display that Month and Year in the text box..

i am expecting the CSS Styles and Java script Events for that..

can u help??

Posted 21-Jul-13 2:27am

vivekpazhani

Updated 15-Nov-19 20:35pm

Add a Solution

Comments

Joezer BH 21-Jul-13 8:32am

Hi Vivek,
It depends on the calendar control you are using buddy, show some code and we'll pick up

7 solutions

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)

User 10060665 · Answer 1 · 2013-07-21T04:36:00

Solution 1

Read this....

http://www.ajaxtoolkit.net/Calendar/Calendar.aspx

Posted 21-Jul-13 4:36am

User 10060665

Updated 21-Jul-13 21:42pm

v2

Renju Vinod · Answer 2 · 2013-07-21T21:42:00

Solution 4

Please check the below urls.

Jquery datepicker

Sample
Jquery datepicker sample

Posted 21-Jul-13 21:42pm

Renju Vinod

Murali0195 · Answer 3 · 2013-07-22T21:48:00

Hi...
Here add reference ajaxcontroltoolkit.dll. And then write

C#

 <asp:textbox id="TextBox1" runat="server" xmlns:asp="#unknown"></asp:textbox>
<asp:calendarextender id="calext1" runat="server" targetcontrolid="TextBox1" format="yyyy-MM-dd" cssclass="calext1" xmlns:asp="#unknown"></asp:calendarextender>

It wil show year and monthly wise.
Thank u.

H.Bahmanabadi · Answer 4 · 2013-07-24T22:44:00

Solution 6

Hi you should us jquery ui datepicker, that is easy and the best

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

Posted 24-Jul-13 22:44pm

H.Bahmanabadi

Member 14008764 · Answer 5 · 2018-10-05T00:49:00

using form1.aspx

Quote:
<asp:ScriptManager ID="ScriptManager1" runat="server">

Quote:
<asp:TextBox ID="DateTextBox" runat="server">
<asp:Image ID="Image1" runat="server" ImageUrl="~/Images/2018-calendar-with-holidays.png" Height="16px" Width="16px" />
<cc1:CalendarExtender ID="CalendarExtender1" runat="server" TargetControlID="DateTextBox" PopupButtonID="Image1" />
<asp:Timer ID="Timer1" runat="server" >

kanangandhi · Answer 6 · 2018-10-05T18:19:00

ASP.NET

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication2.WebForm1" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript">
        function displayDate() {
            var Month = '<%= cal.SelectedDate.Date.Month %>';
            var Year = '<%= cal.SelectedDate.Date.Year %>';
           document.getElementById('<%=txtYear.ClientID %>').value = Year;
           document.getElementById('<%=txtMonth.ClientID %>').value = Month;
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <asp:Calendar ID="cal" runat="server"></asp:Calendar>
            <br />
            <asp:Button Text="Click" OnClientClick="displayDate();" runat="server" />
            <br />
            <asp:Label ID="lblYear" runat="server" Text="Year"></asp:Label>
            <asp:TextBox ID="txtYear"  runat="server"></asp:TextBox>
            <br />
            <asp:Label ID="lblMonth" runat="server" Text="Month"></asp:Label>
            <asp:TextBox ID="txtMonth"  runat="server"></asp:TextBox>
        </div>
    </form>
</body>
</html>

Member 13322861 · Answer 7 · 2019-11-15T20:36:00

function displayDate() {
var Month = '';
var Year = '';
document.getElementById('').value = Year;
document.getElementById('').value = Month;
}

function displayDate() {
var Month = '';
var Year = '';
document.getElementById('').value = Year;
document.getElementById('').value = Month;
}

To Display Months and Year Calendar whenever clicking on the text box

7 solutions

Solution 1

Solution 4

Solution 5

Solution 6

Solution 7

Solution 8

Solution 9

Add your solution here

Preview 0