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

[Solved] Calendar Selected Date

8 Answers 375 Views

Calendar

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

8 Answers, 1 is accepted

answered on 01 Apr 2009, 05:57 PM

This is what I have so far:

<script type="text/javascript">
    function Unselect(sender, eventArgs) {
        var isSelecting = eventArgs.get_isSelecting(); ;
        eventArgs.set_cancel(!isSelecting);
    }
</script>

<tim:Calendar ID="calReportDate" runat="server" SkinID="TIMCalendar" EnableMultiSelect="false">
    <ClientEvents OnDateSelecting="Unselect" />
</tim:Calendar>

So that works, except that now they can select as many dates as they want. It ignores the EnableMultiSelect. So is there a way I can check to see:

if (date is being selected) {
    if (number of selected dates > 1) {
        unselect the old date
        select the newly selected date
    }
}

Its a little hard to describe. I guess consider it like this: the user has to always have a minimum and maximum of 1 date selected at all times. So if they try to unselect a date on the calendar, nothing should happen. And if they try to select a new date, it should unselect the previous date and select the new date. Similar to how the date picker calendar works, if the calendar portion was always open.

answered on 22 Jun 2009, 03:10 PM

Hi,

I found a solution to my problem a while back with something from the code base. This is the link:
http://www.telerik.com/community/code-library/aspnet-ajax/calendar/radcalendar-always-with-selected-date.aspx

However, on the initial loading of my calendar, I set the selected date to the current day. When I do this, the first time a user has the ability to select a date, if they go to unselect the current day, they can. Any other time, the javascript works fine.

EDIT - I think I solved my own problem, just curious if this could cause something odd to happen with other logic in the control.

    
            var lastSelectedDate; 
        
            function OnDateSelecting(calendar, args) { 
        
                //  Only disable unselecting and multi selecting of dates if the EnableMultiSelect 
        
                //  is set to false. 
        
                if (!calendar.get_enableMultiSelect()) { 
        
                    var selectedDates = calendar.get_selectedDates(); 
        
                    if (args.get_isSelecting()) { 
        
                        lastSelectedDate = args.get_renderDay().get_date(); 
        
                        for (var i = 0; i < selectedDates.length; i++) { 
        
                            var current = selectedDates[i]; 
        
                            if (current != lastSelectedDate) { 
        
                                var deselectedDate = [current[0], current[1], current[2]]; 
        
                                calendar.unselectDate(deselectedDate); 
        
                            } 
        
                        } 
        
                    } 
        
                    else if (lastSelectedDate == args.get_renderDay().get_date() || lastSelectedDate == null) { 
        
                        args.set_cancel(true); 
        
                    } 
        
                } 
        
            }

I've tested it a little and it seems to be working fine.