Calendar Control and ASP.Net 2.0

[Paul]

I am using the standard Calendar control in ASP.Net 2.0 and VB.Net and VS2005.

Here is the code:

<asp:calendar id="cldr_contra ct_date" runat="server" backcolor="#fff fff"
width="250px" height="200px" font-size="12px" font-names="Arial"
borderwidth="2p x" bordercolor="#0 00000" nextprevformat= "shortmonth "
daynameformat=" firsttwoletters " OnSelectionChan ged="cldr_Selec tionChanged">
<titlestyle font-size="14px" font-bold="true" borderwidth="2p x"
forecolor="#000 055" />
<dayheadersty le font-size="12px" font-bold="true" />
<todaydaystyl e backcolor="#D3D 3D3" forecolor="#fff fff" />
<selecteddaysty le backcolor="#000 000" forecolor="#fff fff" />
<nextprevstyl e font-size="12px" font-bold="true" forecolor="#333 333" />
<othermonthdays tyle forecolor="#ccc ccc" />
</asp:calendar>

My question revolves around the ability of the user to select a month or
year that is a long length of time from the default date.

For example, the default date that is displayed on the calendar is today.
The user wants to select a day that is 3 years prior to today.

Right now, it appears that the only way that the user can select that
3-years-prior date is to continually click the previous month link until he
gets to 3 years ago. That is 36 clicks and it is no surprise that the user is
not happy having to do that.

Is there a way to configure the Calendar control to where the user can
select the year (and even month) without so many clicks?

If the answer is no, could anyone recommend another flexible third-party
calendar control that integrates well with VS2005 and VB.Net?

TIA

[David Wier]

Here's a code sample that shows how to change the year easily with the
calendar (from ASPNet101.com):
http://aspnet101.com/aspnet101/aspne...ode=changeyear

--
David Wier
MVP/ASPInsider
http://aspnet101.com
http://aspexpress.com
"Paul" <Pa**@discussio ns.microsoft.co mwrote in message
news:7E******** *************** ***********@mic rosoft.com...

I am using the standard Calendar control in ASP.Net 2.0 and VB.Net and

VS2005.

>
Here is the code:

<asp:calendar id="cldr_contra ct_date" runat="server" backcolor="#fff fff"
width="250px" height="200px" font-size="12px" font-names="Arial"
borderwidth="2p x" bordercolor="#0 00000" nextprevformat= "shortmonth "
daynameformat=" firsttwoletters "

OnSelectionChan ged="cldr_Selec tionChanged">

<titlestyle font-size="14px" font-bold="true" borderwidth="2p x"
forecolor="#000 055" />
<dayheadersty le font-size="12px" font-bold="true" />
<todaydaystyl e backcolor="#D3D 3D3" forecolor="#fff fff" />
<selecteddaysty le backcolor="#000 000" forecolor="#fff fff" />
<nextprevstyl e font-size="12px" font-bold="true" forecolor="#333 333" />
<othermonthdays tyle forecolor="#ccc ccc" />
</asp:calendar>

My question revolves around the ability of the user to select a month or
year that is a long length of time from the default date.

For example, the default date that is displayed on the calendar is today.
The user wants to select a day that is 3 years prior to today.

Right now, it appears that the only way that the user can select that
3-years-prior date is to continually click the previous month link until

he

gets to 3 years ago. That is 36 clicks and it is no surprise that the user

is

not happy having to do that.

Is there a way to configure the Calendar control to where the user can
select the year (and even month) without so many clicks?

If the answer is no, could anyone recommend another flexible third-party
calendar control that integrates well with VS2005 and VB.Net?

TIA

[jimsurf]

I started with the example url from the first reply, and it did some
things great, but the calendar included days from the previous and
next months and the drop down lists did not seem to update correctly
when those days were selected. I am a newbie to .Net, but here is
what I came up with:

aspx file
<table cellpadding="2" cellspacing="0" border="0"
align="center">
<tr valign="top">
<td colspan="2" align="left">
<asp:Label ID="lblDate" runat="server" Text="" />
</td>
</tr>
<tr valign="top">
<td align="left">
<asp:DropDownLi st ID="drpMonthCal " runat="server"
AutoPostBack="T rue"
OnSelectedIndex Changed="drpCal Month_SelectedI ndexChanged"
Width="101px" />
</td>
<td align="left">
<asp:DropDownLi st ID="drpYearCal " runat="server"
AutoPostBack="T rue"
OnSelectedIndex Changed="drpCal Year_SelectedIn dexChanged"
Width="104px" />
</td>
</tr>
<tr valign="top">
<td colspan="2" align="center">
<asp:Calendar ID="calSource" runat="server"
BackColor="#FFF FCC"
BorderColor="#F FCC66" BorderWidth="1p x"
DayNameFormat=" Shortest"
Font-Names="Verdana" Font-Size="8pt"
ForeColor="#663 399" Height="200px"
ShowGridLines=" True" Width="220px"
OnSelectionChan ged="calSource_ SelectionChange d">
<SelectedDaySty le BackColor="#FFC C66" />
<TodayDayStyl e ForeColor="#CC9 966" />
<SelectorStyl e BackColor="#FFC C66" />
<OtherMonthDayS tyle ForeColor="#CC9 966" />
<NextPrevStyl e Font-Size="9pt" ForeColor="#FFF FCC"
/>
<DayHeaderSty le BackColor="#FFC C66"
Font-Bold="True" Height="1px" />
<TitleStyle BackColor="#990 000" Font-Bold="True"
Font-Size="9pt" ForeColor="#FFF FCC" />
</asp:Calendar>
</td>
</tr>
</table>

[b:c30d324379].cs file[/b:c30d324379]
<%@ Page Language="C#" MasterPageFile= "~/Pop/PopMasterPage.m aster"
AutoEventWireup ="true" CodeFile="Calen dar.aspx.cs"
Inherits="Pop_C alendar" Title="Mission Beach Volleyball - Calendar"
%>
<asp:Content ID="Content1"
ContentPlaceHol derID="PopConte ntPlaceHolder" Runat="Server">
<table cellpadding="2" cellspacing="0" border="0"
align="center">
<tr valign="top">
<td colspan="2" align="left">
<asp:Label ID="lblDate" runat="server" Text="" />
</td>
</tr>
<tr valign="top">
<td align="left">
<asp:DropDownLi st ID="drpMonthCal " runat="server"
AutoPostBack="T rue"
OnSelectedIndex Changed="drpCal Month_SelectedI ndexChanged"
Width="101px" />
</td>
<td align="left">
<asp:DropDownLi st ID="drpYearCal " runat="server"
AutoPostBack="T rue"
OnSelectedIndex Changed="drpCal Year_SelectedIn dexChanged"
Width="104px" />
</td>
</tr>
<tr valign="top">
<td colspan="2" align="center">
<asp:Calendar ID="calSource" runat="server"
BackColor="#FFF FCC"
BorderColor="#F FCC66" BorderWidth="1p x"
DayNameFormat=" Shortest"
Font-Names="Verdana" Font-Size="8pt"
ForeColor="#663 399" Height="200px"
ShowGridLines=" True" Width="220px"
OnSelectionChan ged="calSource_ SelectionChange d">
<SelectedDaySty le BackColor="#FFC C66" />
<TodayDayStyl e ForeColor="#CC9 966" />
<SelectorStyl e BackColor="#FFC C66" />
<OtherMonthDayS tyle ForeColor="#CC9 966" />
<NextPrevStyl e Font-Size="9pt" ForeColor="#FFF FCC"
/>
<DayHeaderSty le BackColor="#FFC C66"
Font-Bold="True" Height="1px" />
<TitleStyle BackColor="#990 000" Font-Bold="True"
Font-Size="9pt" ForeColor="#FFF FCC" />
</asp:Calendar>
</td>
</tr>
</table>
</asp:Content>

I hope it helps.

----------------------------------
http://community.ihostasp.net
ASP.NET Developer Community