Calendar Extender Highlight Current Day in C# .Net

Thanks goes to Karan from asp.net blogs.

 <asp:CalendarExtender ID="CalendarExtender1" runat="server" TargetControlID="tbTarget1"
                                PopupButtonID="btnCalendar" CssClass="calendarposition" OnClientShowing="currentdateactive">
                            </asp:CalendarExtender>
    function currentdateactive(e) {
        if (!e.get_selectedDate() || !e.get_element().value)
            e._selectedDate = (new Date()).getDateOnly();
    }
.ajax__calendar_active{background-color:#820024;color:#ffffff;border:1px solid #D4D0C8;}

/*use your own class to control positioning. careful of nested relative/absolute divs*/
.calendarposition{position:absolute;margin-top:250px;margin-left:250px;background-color:#fff;border:1px solid silver;}

/*prepend css class with div to override ms ajax web.resx autogenerated css*/
div.ajax__calendar_day{text-align:center;}

References
ASP.Net (blogs), http://weblogs.asp.net/karan/archive/2010/09/20/calendar-extender-today-s-date.aspx

Advertisements

About Ronnie Diaz

Ronnie Diaz is an enterprise software engineer responsible for front-end and back-end development for companies in many industries. Heavily involved in cloud development, online retail, e-commerce and electronic ordering, fulfillment and customer relational systems.

Posted on May 24, 2011, in Programming & Development and tagged , , , , , , , , , . Bookmark the permalink. Leave a comment.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: