I have attempted to call a client-side JS funciton using:
ClientEvents-OnValueChanged="clearErrorMsg"
ClientEvents-OnBlur="clearErrorMsg"
ClientEvents-OnValueChanging="clearErrorMsg"
and server side using:
radDatePicker.ClientEvents.OnDateSelected = "clearErrorMsg";
radDatePicker.DateInput.ClientEvents.OnValueChanged = "clearErrorMsg";
radDatePicker.DateInput.ClientEvents.OnBlur = "clearErrorMsg";
either way the JS function does not get called. The ClientEvents-OnError="OnError" in the following code works just fine
<script language="javascript">
function OnError(sender, args) {
var datePicker = $find(sender.get_id());
var MinDate = new Date(datePicker.get_minDate());
var MM_Min = MinDate.getDate();
var DD_Min = MinDate.getMonth() + 1;
var YY_Min = MinDate.getFullYear();
var MaxDate = new Date(datePicker.get_maxDate());
var MM_Max = MaxDate.getDate();
var DD_Max = MaxDate.getMonth() + 1;
var YY_Max = MaxDate.getFullYear();
var sMinDate = DD_Min + "/" + MM_Min + "/" + YY_Min
var sMaxDate = DD_Max + "/" + MM_Max + "/" + YY_Max
//alert("Please enter a valid date between " + sMinDate + " and " + sMaxDate);
datePicker.focus();
var errorID = sender.get_id() + "_error";
if ($("#" + errorID) != null) {
$("#" + errorID).remove();
}
$("#" + sender.get_id()).parent().parent().parent().parent().parent().after('<div id="' + errorID + '" class="valErrorUp DateValError"> Please enter a valid date between ' + sMinDate + ' and ' + sMaxDate + '</div>');
}
function clearErrorMsg(sender, args) {
alert('got here');
var datePicker = $find(sender.get_id());
var errorID = sender.get_id() + "_error";
if ($("#" + errorID) != null) {
$("#" + errorID).remove();
}
}
</script>
<telerik:RadDatePicker ID="radDatePicker" runat="server" Width="100px" CssClass="IndentAnswer" DateInput-FocusedStyle-BackColor="#F1F6FC" ClientEvents-OnDateSelected="clearErrorMsg">
<DateInput ClientEvents-OnError="OnError" ClientEvents-OnValueChanged="clearErrorMsg" ClientEvents-OnBlur="clearErrorMsg" ClientEvents-OnValueChanging="clearErrorMsg"></DateInput>
<Calendar ViewSelectorText="x" ShowRowHeaders="false" ClientEvents-OnDateSelected="clearErrorMsg"></Calendar>
</telerik:RadDatePicker>
What I am I missing?
Thanks in advance.
Keith
ClientEvents-OnValueChanged="clearErrorMsg"
ClientEvents-OnBlur="clearErrorMsg"
ClientEvents-OnValueChanging="clearErrorMsg"
and server side using:
radDatePicker.ClientEvents.OnDateSelected = "clearErrorMsg";
radDatePicker.DateInput.ClientEvents.OnValueChanged = "clearErrorMsg";
radDatePicker.DateInput.ClientEvents.OnBlur = "clearErrorMsg";
either way the JS function does not get called. The ClientEvents-OnError="OnError" in the following code works just fine
<script language="javascript">
function OnError(sender, args) {
var datePicker = $find(sender.get_id());
var MinDate = new Date(datePicker.get_minDate());
var MM_Min = MinDate.getDate();
var DD_Min = MinDate.getMonth() + 1;
var YY_Min = MinDate.getFullYear();
var MaxDate = new Date(datePicker.get_maxDate());
var MM_Max = MaxDate.getDate();
var DD_Max = MaxDate.getMonth() + 1;
var YY_Max = MaxDate.getFullYear();
var sMinDate = DD_Min + "/" + MM_Min + "/" + YY_Min
var sMaxDate = DD_Max + "/" + MM_Max + "/" + YY_Max
//alert("Please enter a valid date between " + sMinDate + " and " + sMaxDate);
datePicker.focus();
var errorID = sender.get_id() + "_error";
if ($("#" + errorID) != null) {
$("#" + errorID).remove();
}
$("#" + sender.get_id()).parent().parent().parent().parent().parent().after('<div id="' + errorID + '" class="valErrorUp DateValError"> Please enter a valid date between ' + sMinDate + ' and ' + sMaxDate + '</div>');
}
function clearErrorMsg(sender, args) {
alert('got here');
var datePicker = $find(sender.get_id());
var errorID = sender.get_id() + "_error";
if ($("#" + errorID) != null) {
$("#" + errorID).remove();
}
}
</script>
<telerik:RadDatePicker ID="radDatePicker" runat="server" Width="100px" CssClass="IndentAnswer" DateInput-FocusedStyle-BackColor="#F1F6FC" ClientEvents-OnDateSelected="clearErrorMsg">
<DateInput ClientEvents-OnError="OnError" ClientEvents-OnValueChanged="clearErrorMsg" ClientEvents-OnBlur="clearErrorMsg" ClientEvents-OnValueChanging="clearErrorMsg"></DateInput>
<Calendar ViewSelectorText="x" ShowRowHeaders="false" ClientEvents-OnDateSelected="clearErrorMsg"></Calendar>
</telerik:RadDatePicker>
What I am I missing?
Thanks in advance.
Keith