"Date is out of range" - disable alert

[Danielle Mascher]

HI there.

Is there any way that I can disable the alert that appears when navigation to a date using the top navigation arrows that is before the mindate value that I have set?

Your help would be greatly appreciated!!

Danielle

[Schlurk]

You could subscribe to the OnError event and then use the following piece of javascript:

<script type="text/javascript">
    function OnError(sender, args)
    {
        if (args.get_reason() == Telerik.Web.UI.InputErrorReason.OutOfRange)
        {
            args.set_cancel(true);
        }
        event.cancelBubble = true;
    }
</script>

That should take care of it.

[Sachidananda]

I am also facing the same problem,can you please let me know where we have to use this code.I add this piece of code to the web page which has the calender control but still it shows the error.

[Shinu]

Hello Sachidananda,

You can attach the event as shown below.
aspx:

<telerik:RadDateInput ID="RadDateInput1" runat="server">
   <ClientEvents OnError="OnError" />
</telerik:RadDateInput>

Thanks,
Shinu.

[Sachidananda]

The problem is with radDatepicker. The date is out of range error is shown when user clicks on the calender icon.because datepicker.calender.rangemindate is set to 14 days in advance and which falls next month.

So in raddatePicker how do we suppress the date is out of range alert for the calender.

Please reply at the earliest as it is very urgent and I am using original version of telerik controls for 2011.

[Vasil]

Hi Sachidananda,

You could set default selected value to be valid in order to avoid "out of range value error" when the selected value it is still not changed.

<telerik:RadDatePicker ID="RadDatePicker1" runat="server" SelectedDate="10/10/2011">
  <Calendar RangeMinDate="10/10/2011">
  </Calendar>
</telerik:RadDatePicker>

Another approach will be to override navigateToDate function of the RadCalendar such a way to check if the date was actually selected or not:

  Telerik.Web.UI.RadCalendar.prototype.navigateToDate = function (date)
  {

    if (($find("<%=RadDatePicker1.ClientID%>").get_selectedDate() != null) && !this.RangeValidation.IsDateValid(date))
    {
      date = this._getBoundaryDate(date);
      if (date == null)
      {
        if (this._getFastNavigation().DateIsOutOfRangeMessage != null && this._getFastNavigation().DateIsOutOfRangeMessage != " ")
        {
          alert(this._getFastNavigation().DateIsOutOfRangeMessage);
        }
        return;
      }
    }
    var step = this._getStepFromDate(date);
    this._navigate(step);
  }

</script>
<div>
  <telerik:RadDatePicker ID="RadDatePicker1" runat="server">
    <Calendar RangeMinDate="10/10/2011">
    </Calendar>
  </telerik:RadDatePicker>

Best wishes,
Vasil
the Telerik team

[Arno]

Hi,

I still get this error with version 2012.3.1308.40. It's a very basic scenario: RangeMinDate is set 2 weeks ahead, which is next month. That should be possible without getting errors, right?

Isn't there a way to solve this server side? Or any other work around without javascript?

[Vasil]

Hello Arno,

Change the selected date to be in range, or set SkipMinMaxDateValidationOnServer="true" for your picker.

Greetings,
Vasil
the Telerik team

[Arno]

Thanks for that quick reply Vasil. I now see what I did wrong.

I used to set Calendar.RangeMinDate, .Calendar.RangeMaxDate and .Calendar.SelectedDate of the DatePicker, which does not work if the selected date is in the next month. I now set .MinDate, .MaxDate and .SelectedDate and that works fine.