RadDateTimePicker and Timespan on client side

[Marco]

Dear Telerik-Team,

I have two datetimepickers on my webpage. One for a start date and the other one for the end date. Now I want to calculate the timespan between both dates and disply the result in a radtextbox on the client side (so without any postback).

I don't have any idea which javascript methods I should use to achieve this goal, so could you please provide me with a sample? I performed some tests with e.get_newDate().toDateString() but didn't come to a satisfying result.

I a looking forward to hering from you,
Kind regards,
Marco

[Radoslav]

Hello Marco,

Please try the following code snippet:
JavaScript

<telerik:RadCodeBlock runat="server">
  <script type="text/javascript">
     function calculate() {
        var stardDate = $find("<%= RadDateTimePickerStart.ClientID %>").get_selectedDate();
        var endDate = $find("<%= RadDateTimePickerEnd.ClientID %>").get_selectedDate();
        var resultInMilisecunds = endDate.valueOf() - stardDate.valueOf();
     $find("<%= RadTextBoxResult.ClientID %>").set_value(resultInMilisecunds);
}
  </script>
</telerik:RadCodeBlock>

ASPX

<telerik:RadDateTimePicker ID="RadDateTimePickerStart" runat="server">
        </telerik:RadDateTimePicker>
        <telerik:RadDateTimePicker ID="RadDateTimePickerEnd" runat="server">
        </telerik:RadDateTimePicker>
        <telerik:RadTextBox ID="RadTextBoxResult" runat="server"></telerik:RadTextBox>
        <asp:Button ID="buttonCalculate" runat="server" Text="calculate" OnClientClick="calculate();return false;" />

I hope this helps.

Best wishes,
Radoslav
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[Marco]

Radoslav,

thanks a lot for the small sample!

I will try this now.

Best wishes,
Marco