AllInWorld99 provides a reference manual covering many aspects of web programming, including technologies such as HTML, XHTML, CSS, XML, JavaScript, PHP, ASP, SQL,FLASH, jQuery, java, for loop, switch case, if, if else, for...of, for...in, for...each,while loop, blogger tips, blogger meta tag generator, blogger tricks, blogger pagination, client side script, html code editor, javascript editor with instant output, css editor, online html editor, materialize css tutorial, materialize css dropdown list,break, continue statement, label,array, json, get day and month dropdown list using c# code, CSS button,protect cd or pendrive from virus, cordova, android example, html and css to make android app, html code play,telerik show hide column, Transparent image convertor, copy to clipboard using javascript without using any swf file, simple animation using css, SQL etc. AllInWorld99 presents thousands of code examples (accompanied with source code) which can be copied/downloaded independantly. By using the online editor provided,readers can edit the examples and execute the code experimentally.


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.

Must higher than From Time

The validation code only allow to select the valid time only.

Rad Date Time Picker Correct Validation



0 comments:

Post a Comment

Notification

Total Pageviews