This is a migrated thread and some comments may be shown as answers.

Today button in Calender

5 Answers 331 Views

Calendar

This is a migrated thread and some comments may be shown as answers.

5 Answers, 1 is accepted

Accepted

answered on 13 Jan 2010, 07:38 AM

Hello James,

I accomplished the same by placing button in FooterTemplate of Calendar in datepicker, then set the date in the click handler of button.

ASPX:

    
                <telerik:RadDatePicker ID="RadDatePicker10" runat="server" Width="140px"> 
        
                    <Calendar runat="server"> 
        
                        <FooterTemplate> 
        
                            <div style="width: 100%; text-align: center; background-color: Gray;"> 
        
                                <input id="Button1" type="button" value="Today" onclick="GoToToday()" /> 
        
                            </div> 
        
                        </FooterTemplate> 
        
                    </Calendar> 
        
                </telerik:RadDatePicker>

JavaScript:

    
                function GoToToday() { 
        
                    var datepicker = $find("<%=RadDatePicker10.ClientID%>"); 
        
                    var dt = new Date(); 
        
                    datepicker.set_selectedDate(dt); 
        
                }

-Shinu.

answered on 03 Mar 2017, 11:39 AM

A small update

This solution does not work when RadDatePicker is bound in edittemplates in grid and such. Also, if you have multiple RadDatePickers (like date from and date to) you might end up with a huge switch/case or if/else if/else which is not really scalable.

My solution was to change the onClick function so it takes in a parameter.
This is somewhat of a "hack" but since there is only one popup calendar available when you open up your the datepicker, just select the first one. That leaves you with the RadCalender and you can set the date from there.

Btw - it's 2017. Telerik should add this function to calendar pick both server and client side.

<input id="Button1" type="button" value="Today" onclick="GoToToday(this)" />

function GoToToday(aButtonNode)

{

var _calenders = $(".RadCalendarPopupShadows");

var _today = new Date();

var todayTriplet = [_today.getFullYear(), _today.getMonth() + 1, _today.getDate()];

$find(_calenders[0].childNodes[0].id).selectDate(todayTriplet, true);

}