Как программно создать разные цвета на дорожке слайдера jquery или kendo rangeslider?

У меня есть ползунок диапазона, чтобы указать диапазон дат (значения ползунка сопоставляются с последовательными датами). Я хотел бы программно определить разные цвета для разных дат на дорожке ползунка.

Например, цвет дорожки ползунка по умолчанию может быть синим, для дат между a и b я бы хотел, чтобы дорожка ползунка отображалась красным. Выбор ползунка между двумя точками выбора должен работать нормально и перекрывать что-либо на дорожке ползунка.


slider rangeslider kendo-ui jquery-ui
person Lojo    schedule 25.09.2013    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Вы можете найти галочки на основе их атрибута title:

$("#slider")
   .closest(".k-slider")
   .find(".k-tick[title=5]") // find the tick 
   .css("color", "green");

Вот живая демонстрация: http://jsbin.com/AJOwAxA/1/edit.

person Atanas Korchev    schedule 26.09.2013