RadDatePicker: How to change values for the popup list of a RadTimePicker using javascript?

2 posts, 0 answers
  1. Matthias
    Matthias avatar
    7 posts
    Member since:
    Mar 2014

    Posted 27 Jul 2018 Link to this post

    Hello together, i don't get it working...

    How can i change the start/end/interval values for the popup list of RadTimePicker clientside using javascript and how to repait that after manipulating?

    I can read all the values with the apropriate methods:

    • get_startTime() -> returns my start date
    • get_endTime() -> returns my end date
    • get_interval() -> returns my interval date

    Here is a sample code how i try to manipulate this (sample of an end-time):

    1.... get the endTimePicker...
    2.var timeView = endTimePicker.get_timeView();
    3.var endTime = timeView.getTime();
    4.endTime.setHours(17);
    5.endTime.setMinutes(0);
    6.endTime.setSeconds(0);
    7.timeView.set_endTime(endTime);

     

    After manipulation, i try to write it back to the object:

    • set_startTime(<manipulated start date>) 
    • set_endTime(<manipulated end date>)
    • set_interval(<manipulated interval date>)

    Whe i than read the properties again, i only get the message "invalid date".

    How can i manipulate these values in the correct way?

    How can i repaint the popup list after the manipulation? With <timepicker-object>.repaint() ?

     

    Thanks a lot for thinking about that.

  2. Eyup
    Admin
    Eyup avatar
    3892 posts

    Posted 01 Aug 2018 Link to this post

    Hi Matthias,

    You can achieve this requirement on server-side:
    https://docs.telerik.com/devtools/aspnet-ajax/controls/datetimepicker/functionality/configuring-the-embedded-time-view

    I hope this will prove helpful.

    Regards,
    Eyup
    Progress Telerik
    Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Back to Top