DropDownCalendar - ASP.NET - Visual Studio C#

OBS: download the application please visit www.mrbool.com/player

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.

Add a comment!

[Fechar]

Este post é fechado - você precisa ter acesso ao post para incluir um comentário.

Darla Mills
1/17/2012 6:17pm

Drop Down Calendar disappears when you attempt to go to previous or next month

I'm extremely new to ASP.NET -- as in creating a Calendar is my first venture. I did use the code:

src="http://code.jquery.com/jquery-latest.js"></script>

$(document).ready(function () {

$('#calImage').click(function () {

$('#calBlock').slideToggle("slow");

});

</script>

When I click on the calImage icon, the ASP.NET calendar opens (calBlock). However, if I attempt to click on the "Go to the previous month" or "Go to the next month," the calBlock closes and I have to click on the calImage to display it again. How can I make the calBlock stay put as I scroll through the months?

Answer it

Luiz Agnelo C. Maia
1/18/2012 4:35pm

RE: Hi there, did you figure out if there is some javascripts mistakes at the left botton of your browser?

If there is, could you show us please. If not, try to put some alert() at the javascript source to check if the method has been really invoked, is ok?

Could you post your complete code here?

Answer it

Visual Studio C# - ASP.NET-DropDownCalendar | .net courses

In this video, we discuss drop down calendar using ASP.NET and jQuery.