how to get a time from RadTime picker

[SR]

How to get a time from Rad Time Picker with in  grid using java script function 

[Eyup]

Hello,

Once you have a reference to the client-side object of the control:
http://www.telerik.com/help/aspnet-ajax/calendar-client-side-basics.html

You can use the get_selectedDate() method to get the requested information:
http://www.telerik.com/help/aspnet-ajax/calendar-client-side-rad-timepicker.html

Hope this helps.

Regards,
Eyup
Telerik

 

 

[SR]

Hello,

I am using this function but unable to get time from time picker can u check this 
 function OnDateSelected(tpCheckIn, tpCheckOut) {
            // access the control and set the label value
            var grid = $find("<%= grid.ClientID %>");
            try {              
                var tableView = grid.get_masterTableView();
                var items = tableView.get_dataItems();
                for (var i = 0; i < items.length; i++) {
                    var rowValues = items[i];
                    var pkr1= rowValues.findElement("picker1");
                    var pkr2= rowValues.findElement("picker2");               
                    var time = pkr1.get_selectedDate();// here i am getting the error "Object doesn't support property or method 'get_selectedDate'"
                    //var time = pkr1.get_selectedDate();/using this one also unable to get the time from picker

                }
            }
            catch (e) {
            }
           
        }

[Eyup]

Hello,

Please try using the findControl method instead of findElement and let me know about the result.

Regards,
Eyup
Telerik

 

 

[SR]

Thanks Eyup

it's working but i have to show pkr2 text with redcolor y bcz pkr2 time should be greater than pkr1,
 when user enter wrong time text should be shows with redcolor.

Regards 
SR.

[Kostadin]

Hello SR,

You can access the TextBox by using the _dateInput private property and change the styles. Please check out the following code snippet.

var input1 = pkr1._dateInput;


var input2 = pkr2._dateInput;

Regards,
Kostadin
Telerik

 

 

[SR]

can you please elaborate the steps please 
    var timepicker1= rowValues.findControl("pkr1");
    pk1= timepicker1.get_selectedDate();// here i am getting the selected time but unable to set text color as red    
                                                                  using the javascript function .


Regards,
SR.

[Kostadin]

Hello SR,

There is a property which display the date as invalid. I would recommend you to use it in your case. For this purpose you have to use the following approach.

function OnDateSelected(sender, args) {
    var timepicker1 = rowValues.findControl("pkr1");
    timepicker1.get_dateInput().set_invalid(true)
}

Regards,
Kostadin
Telerik