Calender Control

Question

Hi every one i am trying to create a popup calender from that user can select the date and the date on the textbox. I can get the date on my textbox the thing is that i can not select my own date i will show you the code what i did and the java script is function OnClick() { if( divCalender.style.display == none) divCalender.style.display = ; else divCalender.style.display = none; } and the code behind of Onselectionchange is protected void Test(object sender EventArgs e) { txtDate.Text = Calendar1.SelectedDate.ToShortDateString(); } what to do to get a good popup calender control thanks in advance

Anubhav Chaudhary · Answer

Hey Buddy Why you are making it so complicated?? Just use HTML5 Calender Just write this line of code and calender will be created: or

Uchiha Itachi · Answer

Calendar control? This reminded me of the UI C# calendar control . Read some UI calendar guide  you may grasp it well in a short time. That things seems to be very convenient for utilizing.

Kirtan Patel · Answer

Hi Azeem Its the same cumbersome process to get java script calendar value to server Control . so AJAX is same thing that can do that task easily by just Setting Some properties in Visual Studio So that we don't have to write those complex JavaScript :)

mohdazeemuddin ahmed · Answer

Thanks every body finally i used java script popup calender but the think to display data on text box that script using html text box i mean like this but how can i read this text box value at the back end please any one can tell how to do this

Master Billa · Answer

Hi Without ajax toolkit you can use the java script calenders See here lots of calendars with source take and use to your project http://www.mattkruse.com/javascript/calendarpopup/ thank you

Kirtan Patel · Answer

i updated previous post take a look how to do it without ajax :)

mohdazeemuddin ahmed · Answer

Thanks for your Assist in other project i will shore use Ajax control now i need to do without using Ajax

Kirtan Patel · Answer

Hey Azeem its Very Easy to use yaar dont Think like that AJAX is for Advance Users its very simple to use :) don't worry if you dont get i will assist you :whenever you are in problem :) and One notable thing is there Simple Asp.net calendar Can't load faster as this AJAX loads because AJAX creates it Will Client Side java Script and Asp.net Creates its Calendar With Server Side Processing that make it very slow though Here is What you want to do with ASP.net Calendar Without AJAX :) dont Forget to mark  Do you like answer  it will give me some credit :) Take One Calander Control  A button Control and One TextBox where you want to Retrieve Calendar Date :) make Calendar's Visible Property to False then Write The Code as below :) protected void Button1_Click( object sender EventArgs e) { Calendar1.Visible = true ; } protected void Calendar1_SelectionChanged( object sender EventArgs e) { TextBox1.Text = Calendar1.SelectedDate.ToString(); Calendar1.Visible = false ; }

mohdazeemuddin ahmed · Answer

thanks kirtan i don't want ajax control because i am a beginner

Kirtan Patel · Answer

Hi Azeem  Just Download AJAX Control ToolKit from Here if you dont have one Download Toolkit Add its Great Controls to Your tool Box then Add The Code Below to your Aspx :) You can use AJAX CalendarExtender to Get Nice Looking Sleek Calendar when i click Text Box and Selected Date Will be Automatically Written to TextBox :) dont forget to mark  Do you like answer  it will help me to gain some credits :) Follow The Code as Below .csharpcode .csharpcode pre { font-size: small; color: black; font-family: Consolas Courier New Courier Monospace; background-color: #ffffff; /*white-space: pre;*/ } .csharpcode pre { margin: 0em; } .csharpcode .rem { color: #008000; } .csharpcode .kwrd { color: #0000ff; } .csharpcode .str { color: #006080; } .csharpcode .op { color: #0000c0; } .csharpcode .preproc { color: #cc6633; } .csharpcode .asp { background-color: #ffff00; } .csharpcode .html { color: #800000; } .csharpcode .attr { color: #ff0000; } .csharpcode .alt { background-color: #f4f4f4; width: 100%; margin: 0em; } .csharpcode .lnum { color: #606060; } -- Code of Text Box -- > asp:TextBox ID =TextBox1 runat =server > asp:TextBox > -- Code of calendar Extendar -- > cc1:CalendarExtender ID =CalendarExtender1 runat =server TargetControlID =textBox1 > cc1:CalendarExtender > .csharpcode .csharpcode pre { font-size: small; color: black; font-family: Consolas Courier New Courier Monospace; background-color: #ffffff; /*white-space: pre;*/ } .csharpcode pre { margin: 0em; } .csharpcode .rem { color: #008000; } .csharpcode .kwrd { color: #0000ff; } .csharpcode .str { color: #006080; } .csharpcode .op { color: #0000c0; } .csharpcode .preproc { color: #cc6633; } .csharpcode .asp { background-color: #ffff00; } .csharpcode .html { color: #800000; } .csharpcode .attr { color: #ff0000; } .csharpcode .alt { background-color: #f4f4f4; width: 100%; margin: 0em; } .csharpcode .lnum { color: #606060; } asp:ScriptManager ID =ScriptManager1 runat =server > asp:ScriptManager >