Be seen. Boost your question’s priority for more expert views and faster solutions
Calendar
See this linke - http://www.expedia.com/Default.asp?CCheck=1& When we click on a departing, a little Calendar pops up, can that be in in ASP.net, Vb.net 2005?
Asked:
4
3
1 Solution
take a look at http://itteam.ca/book.aspx if thats something you would like, let me know and I post the code for you.
Found the code on this machine and added some comments so you have an understanding on things work here
///ASPX code and client script
<script type="text/javascript">
function ToggleCal(){//Toggle Calendar Visibilty of the calendar control inside the divCal
if(document.getElementById
document.getElementById('d
else
document.getElementById('d
}
</script>
<asp:Label ID="lblDate" runat="server" CssClass="lbl" Text="Click Here To View Calendar"></asp:Label>
<div id="divCal" style="position: absolute; right: 380px; top: 330px; display: none;">
<asp:Calendar ID="CalBook" runat="server" NextMonthText=" >" CssClass="Cal" NextPrevStyle-CssClass="Ne
DayStyle-CssClass="DayStyl
<WeekendDayStyle CssClass="WeekendStyle" />
<OtherMonthDayStyle CssClass="OtherMonthDaySty
<SelectedDayStyle CssClass="SelectedDayStyle
<DayHeaderStyle CssClass="DayHeader" />
<TitleStyle CssClass="TitleStyle" />
<DayStyle CssClass="DayStyle" />
<NextPrevStyle CssClass="NextPrev" />
</asp:Calendar>
</div>
///End aspx code
'Start VB.NET Code
Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
Me.lblDate.Attributes.Add(
End Sub
Protected Sub CalBook_DayRender(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.
Dim dtToday As DateTime = DateTime.Now.ToShortDateSt
If e.Day.Date < dtToday Then 'Check date if its past in the calendar
e.Day.IsSelectable = False 'dont make past days selectable
End If
End Sub
Protected Sub CalBook_SelectionChanged(B
Me.lblDate.Text = Me.CalBook.SelectedDate.To
CalBook.VisibleDate = Me.CalBook.SelectedDate 'make sure the calendar control knows which date is selected when its hidden
End Sub
---End VB.Net code-
Enjoy
Sammy
///ASPX code and client script
<script type="text/javascript">
function ToggleCal(){//Toggle Calendar Visibilty of the calendar control inside the divCal
if(document.getElementById
document.getElementById('d
else
document.getElementById('d
}
</script>
<asp:Label ID="lblDate" runat="server" CssClass="lbl" Text="Click Here To View Calendar"></asp:Label>
<div id="divCal" style="position: absolute; right: 380px; top: 330px; display: none;">
<asp:Calendar ID="CalBook" runat="server" NextMonthText=" >" CssClass="Cal" NextPrevStyle-CssClass="Ne
DayStyle-CssClass="DayStyl
<WeekendDayStyle CssClass="WeekendStyle" />
<OtherMonthDayStyle CssClass="OtherMonthDaySty
<SelectedDayStyle CssClass="SelectedDayStyle
<DayHeaderStyle CssClass="DayHeader" />
<TitleStyle CssClass="TitleStyle" />
<DayStyle CssClass="DayStyle" />
<NextPrevStyle CssClass="NextPrev" />
</asp:Calendar>
</div>
///End aspx code
'Start VB.NET Code
Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
Me.lblDate.Attributes.Add(
End Sub
Protected Sub CalBook_DayRender(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.
Dim dtToday As DateTime = DateTime.Now.ToShortDateSt
If e.Day.Date < dtToday Then 'Check date if its past in the calendar
e.Day.IsSelectable = False 'dont make past days selectable
End If
End Sub
Protected Sub CalBook_SelectionChanged(B
Me.lblDate.Text = Me.CalBook.SelectedDate.To
CalBook.VisibleDate = Me.CalBook.SelectedDate 'make sure the calendar control knows which date is selected when its hidden
End Sub
---End VB.Net code-
Enjoy
Sammy
thats nice and clean,
also but i would suggest the above
http://atlas.asp.net/atlastoolkit/PopupControl/PopupControl.aspx
also but i would suggest the above
http://atlas.asp.net/atlastoolkit/PopupControl/PopupControl.aspx
hi Sammy,
I like your code as i battled with using a popup calendar (in an aspx pop up page) to set the text of a textbox to the date, I also like it as i have used it to "toggle" a calendar control in a gridview row of a gridview, and it looks clean even with lots of rows, this is a simple emplentation that is very flexible
thanks!
I like your code as i battled with using a popup calendar (in an aspx pop up page) to set the text of a textbox to the date, I also like it as i have used it to "toggle" a calendar control in a gridview row of a gridview, and it looks clean even with lots of rows, this is a simple emplentation that is very flexible
thanks!
You are welcome Dean,
I had no problem with the popup or setting up the selected date. The painful task was applying CSS classes to get rid of the default grey.
I had to come up with hacks to allow the calendar to change colors based on the selected style on http://itteam.ca
Enjoy :-)
I had no problem with the popup or setting up the selected date. The painful task was applying CSS classes to get rid of the default grey.
I had to come up with hacks to allow the calendar to change colors based on the selected style on http://itteam.ca
Enjoy :-)
Question has a verified solution.
Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.
Have a better answer? Share it in a comment.
Join & Write a Comment Already a member? Login.
Featured Post
The MCTS: Microsoft Exchange Server 2010 certification validates your skills in supporting the maintenance and administration of the Exchange servers in an enterprise environment. Learn everything you need to know with this course.
Tackle projects and never again get stuck behind a technical roadblock.
Join Now
good one I use - http://www.15seconds.com/issue/040315.htm
I suspect this can also be done with a calendar in a div using absolute postion value - then use javascript to make the div visible when the text box is clicked and make the calendar invisible when the calender is clicked. I dont have code examples of this.