Rad date time picker validation
If we are using two Rad Date time pickers and first one should be lesser than second one then we need to do a validation, the validation code is shown below.Create Telerik Rad Date Time Picker
From <telerik:RadTimePicker ID="dtpfromTime" runat="server" DateInput-Enabled="false">
<TimeView ID="TimeView6" runat="server">
</TimeView>
<ClientEvents OnDateSelected="chkvalue" />
</telerik:RadTimePicker>
To:<telerik:RadTimePicker ID="dtptoTime" runat="server" DateInput-Enabled="false">
<TimeView ID="TimeView6" runat="server">
</TimeView>
<ClientEvents OnDateSelected="chkvalue" />
</telerik:RadTimePicker>
Javascript / jQuery Validation Code
<script>
function chkvalue() {
var starttime = $find("<%=dtpfromTime.ClientID %>").get_dateInput().get_value();
var endtime = $find("<%=dtptoTime.ClientID %>").get_dateInput().get_value();
if (starttime != null && endtime != null && starttime != "" && endtime != "") {
var startDate = new Date("1/1/1900 " + starttime);
var endDate = new Date("1/1/1900 " + endtime);
var difftime = endDate.getTime() - startDate.getTime();
difftime /= 1000;
var hrstomins = difftime / 60;
var hours = parseInt(difftime / 3600);
var mins = parseInt((difftime % 3600) / 60);
if (startDate >= endDate) {
alert("To Time must be greater than From time");
endtime.set_selectedDate(null);
}
else {
alert("Success");
}
}
else {
alert("No need to Check Any Conditions")
}
}
</script>
If you choose lower than, first value it should show error message.
The validation code only allow to select the valid time only.
0 comments:
Post a Comment