rad date picker age calcualte using javascript

[chandrasekaran]

Hi,
 i have to calculate age when selecting a date in the rad date picker in client side using javascript. This should happen as soon as i select the date from the date picker. how can i do this. im new to teleric controls. Can anyone help me in this?

Regards,
chandruK

[Daniel]

Hello Chandrasekaran,

A possible approach is shown below:

<script language="javascript" type="text/javascript">
    function CalculateAge(sender, args)
    {
        var current = new Date();
        var day = 1000 * 60 * 60 * 24

        var age = current - args.get_newDate();
        alert("You are " + Math.round(age / day / 365.25) + " years old");
    }
</script>

<div>
    <telerik:RadDatePicker ID="RadDatePicker1" runat="server">
        <ClientEvents OnDateSelected="CalculateAge" />
    </telerik:RadDatePicker>
</div>

Let us know if you need more information.

Greetings,
Daniel
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[chandrasekaran]

Hi,
    Thank u very much for this valuable help
thx
chandrasekarank

[chandrasekaran]

Hi,
  In firefox this event is not triggering.
thx
chandrasekaranK

[Daniel]

Hello Chandrasekaran,

I tested the event on our online demos but I failed to reproduce the depicted problem. I'm using Firefox 3.05.
RadDatePicker Client-side Events

Best regards,
Daniel
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[chandrasekaran]

Hi,
 i am also using firefox3.05 only..this is my function 

function AgeCalculate(sender, args)

{

      var current = new Date();

       var txtDOB = document.getElementById('<%=txtDOB.ClientID %>');

      var byear = txtDOB.value.substring(0, 4)

      var CurrentDate = new Date();

      var age = parseInt(CurrentDate.getFullYear()) - parseInt(byear)

     

       var lblAgeCalculation = document.getElementById('<%=lblAgeCalculation.ClientID %>');

      lblAgeCalculation.innerText = "Age " + age + " year(s)";

}

 

 

<radCln:RadDatePicker ID="txtDOB" runat="server" MinDate="01/01/1900">

  <ClientEvents OnDateSelected="AgeCalculate"/>

 

<Calendar ID="Calendar1" runat="server" ShowOtherMonthsDays="false" ShowRowHeaders="false"  Skin="WebBlue" BorderWidth="1">

</Calendar>

<DateInput MaxLength="10" ReadOnly="false" MinDate="01/01/1900" >

</DateInput>

 <DatePopupButton HoverImageUrl="~/Images/datePickerPopupHover.gif" ImageUrl="~/Images/datePickerPopup.gif"

TabIndex="6"></DatePopupButton>

</radCln:RadDatePicker>

 

 

 

 

 

 

 

 

 

 

thx
chandrasekarank

 

 

 

[chandrasekaran]

 

Hi,
 i am also using firefox3.05 only..but its not firing the event ...this is my function 

function AgeCalculate(sender, args)

{

      var current = new Date();

       var txtDOB = document.getElementById('<%=txtDOB.ClientID %>');

      var byear = txtDOB.value.substring(0, 4)

      var CurrentDate = new Date();

      var age = parseInt(CurrentDate.getFullYear()) - parseInt(byear)

     

       var lblAgeCalculation = document.getElementById('<%=lblAgeCalculation.ClientID %>');

      lblAgeCalculation.innerText = "Age " + age + " year(s)";

}

 

 

<radCln:RadDatePicker ID="txtDOB" runat="server" MinDate="01/01/1900">

  <ClientEvents OnDateSelected="AgeCalculate"/>

 

<Calendar ID="Calendar1" runat="server" ShowOtherMonthsDays="false" ShowRowHeaders="false"  Skin="WebBlue" BorderWidth="1">

</Calendar>

<DateInput MaxLength="10" ReadOnly="false" MinDate="01/01/1900" >

</DateInput>

 <DatePopupButton HoverImageUrl="~/Images/datePickerPopupHover.gif" ImageUrl="~/Images/datePickerPopup.gif"

TabIndex="6"></DatePopupButton>

</radCln:RadDatePicker>

 

 

 

 

 

 

 

 

 

 

 

 

thx
chandrasekarank

 

 

 

 

 

 

[Daniel]

Hello Chandrasekaran,

I attached a modified example (based on your code) to this post. Please test it locally and let me know whether this helps.

Regards,
Daniel
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[chandrasekaran]

Hi,
    Thank u very much ..the sample r very usefull and i have implemented it to project..it is a dedicated help tome ..once again thank you..
chandrasekarank