Как получить элемент <ul>в кендо TimePicker?

Question

Как получить элемент списка элементов kendoTiemPicker? Каждый kendoTimePicker генерирует тег <ul>, содержащий все элементы, которые мы видим в выпадающем списке Timepicker. как то так:

    <ul tabindex="-1" role="listbox" aria-hidden="true" unselectable="on" class="k-list k-reset" style="overflow: auto;">
        <li tabindex="-1" role="option" class="k-item" unselectable="on">00:00</li>
        <li tabindex="-1" role="option" class="k-item" unselectable="on">01:00</li>
        <li tabindex="-1" role="option" class="k-item" unselectable="on">02:00</li>
        <li tabindex="-1" role="option" class="k-item" unselectable="on">03:00</li>
        ...

Но у меня есть несколько kendoTimePickers на одной странице, поэтому у меня есть несколько списков на странице. На open event одного из этих timePickers я хочу получить доступ к соответствующему списку элементов для этого конкретного timePicker. К сожалению, я не нашел, чтобы сделать это. Кендо не дает мне метод или свойство, чтобы легко найти элемент списка, и до сих пор я не мог использовать селекторы jquery для доступа к ним. Любая помощь?

Answer 1

Я думаю, что нашел решение. внутри события open каждого timePicker я могу прочитать e и сделать это:

open: function (e) {
           let listContainer = e.sender.timeView.list;
       }

и listElement будет контейнером для тега <ul>, который я искал. тогда я могу сделать это:

let listElement = $(listContainer).find('ul');

И это все. Это было так просто.

Answer 2

Я попробовал следующее на демонстрационной странице Кендо https://demos.telerik.com/kendo-ui/timepicker/rangeselection

$("#start_timeview").find("li").first()

И я получил самую первую доступную запись выбора времени с идентификатором start_timeview. Вчера Kendo выпустила новую версию, которая используется на демонстрационных страницах. Но я думаю, идентификатор присутствует и в старых версиях. Если нет, попробуйте сначала обновить.