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

Two RadDatePickers

6 Answers 68 Views
Calendar
This is a migrated thread and some comments may be shown as answers.
Raj Maverick
Top achievements
Rank 1
Raj Maverick asked on 03 Feb 2011, 02:01 PM
Hi Telerik,

    I am having 2 raddatepickers. When I am done with setting the date of the first date picker, the second datepicker must display a date 14 days lesser than the selected date of raddatepicker1. Also, I must be able to edit the RaddatePicker2

    I would like to do this in javascript.

    Thanks for your help.

Regards,
Raj

6 Answers, 1 is accepted

Sort by
0
Accepted
Shinu
Top achievements
Rank 1
answered on 04 Feb 2011, 07:25 AM
Hello Raj,

RadDatePicker exposes a rich client-side API that allows you to control its behavior from client side. You can achieve your scenario by using the methods GetDate()/SetDate(newValue). Here is the sample code.

aspx:
<telerik:RadDatePicker ID="RadDatePicker1" runat="server">
     <ClientEvents OnDateSelected="OnDateSelected" />
</telerik:RadDatePicker>
<telerik:RadDatePicker ID="RadDatePicker2" runat="server">
</telerik:RadDatePicker>

JavaScript:
<script type="text/javascript">
    function OnDateSelected(sender, args)
    {
        var datePicker = sender;
        var date = datePicker.get_selectedDate();
        date.setDate(date.getDate() - 14);
        var datePicker2 = $find('<%=RadDatePicker2.ClientID%>');
        datePicker2.set_selectedDate(date);
    }
</script>

Also checks the following documentation for more on RadDatePicker Client Object.
RadDatePicker Client Object

Thanks,
Shinu.
0
Raj Maverick
Top achievements
Rank 1
answered on 04 Feb 2011, 07:35 AM
Love you Shinu. Thanks a lot.
0
illumination
Top achievements
Rank 2
answered on 11 May 2011, 07:10 PM
Hi Shinu,

How about if the scenario is the same but must not include or skip the weekends and holidays (US)?

Thanks!

0
Princy
Top achievements
Rank 1
answered on 12 May 2011, 08:23 AM
Hello,

The following code library demonstrates how you can disable calendar days (e.g. weekend days) in the calendar component of RadDatePicker.
Disabling calendar days

Hope this helps,

Regards,
Princy.
0
illumination
Top achievements
Rank 2
answered on 12 May 2011, 01:56 PM
Hi Princy.
I have used the method that was posted on the link you gave me but I'm looking for sample or method that will get the holidays from a table in sql server or xml file. 
Also I would like a sample method that when I choose the datepicker1, then it will add 5 more days on the datepicker2 without including (or skip the weekends and holidays).
Thank you.
0
Radoslav
Telerik team
answered on 18 May 2011, 08:17 AM
Hi Lina,

Providing example for selection data from sql database or xml file is out of our scope. However if you use the sql database you could use a standard SELECT query with WHERE clause for selecting all holidays. If you use the xml files you could parse the xml and get all holidays.
Then you could render the holidays into a client side array:
http://social.msdn.microsoft.com/Forums/en-US/csharpgeneral/thread/6a6a8534-a916-4501-9787-91c5b48b71c7/

Then you could use the following code snippet:
<telerik:RadCodeBlock runat="server">
        <script type="text/javascript">
            function OnDateSelected(sender, eventArgs) {
 
                var datePicker = sender;
                var date = datePicker.get_selectedDate();
                var flag = false;
                var newDate = date.getDate() + 5;
                date.setDate(newDate);
                 
                while (!flag) {
                    var jsDate = new Date(date.getFullYear(), date.getMonth() , date.getDate());
                    if (jsDate.getDay() == 0) {
                        date.setDate(date.getDate() + 1);
                    }
                    else if (jsDate.getDay() == 6) {
                        date.setDate(date.getDate() + 2);
                    }
                    else if (DateIsholiday(jsDate)) {
                        date.setDate(date.getDate() + 1);
                    }
                    else {
                        flag = true;
                    }
                }
                
                var datePicker2 = $find('<%=RadDatePicker2.ClientID%>');
                datePicker2.set_selectedDate(date);
            }
        </script>
    </telerik:RadCodeBlock>
Where the DateIsholiday(jsDate) searches if the jsDate belongs to the holidays dates.

Please give it try and let me know if you experience any problems.

All the best,
Radoslav
the Telerik team

Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

Tags
Calendar
Asked by
Raj Maverick
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 1
Raj Maverick
Top achievements
Rank 1
illumination
Top achievements
Rank 2
Princy
Top achievements
Rank 1
Radoslav
Telerik team
Share this question
or