Title: Visual Studio C# - ASP.NET-DropDownCalendar
Description: In this video, we discuss drop down calendar using ASP.NET and jQuery. We first start by creating the interface (adding the labels, textbox, image, calendar). Then we add some style, specifically for the calendar to make sure that its position is absolute and display is none. Clicking on the image will toggle the calendar on and off. To do that we added jQuery code. We start by adding a reference to the jQuery library, then we added the jQuery script that adds the click function to the image. clicking on the image will toggle the calendar. Selecting a date from the calendar control will display that date in the textbox. Also a message is displayed in the label to give feedback on the user's selection.
Methodology: Good coding standard and simplified design.
Technologies: ASP.NET 3.5
Examples constructed: We create an example that displays a textbox, some labels, an image and a calendar. Originally the calendar is hidden. When the user clicks on the image, the calendar is toggled on and off using jQuery. When the user selects a date from the calendar, the date is displayed in the textbox, and some information regarding the selection is displayed in the label.
Keywords: jQuery, click, slideToggle, Label, TextBox, Calendar, SelectionChanged, Image.