Изменить класс значков кендо Date Picker Jquery

Question

Я пытаюсь использовать кендо Jquery Date Picker.

Я ссылаюсь https://docs.telerik.com/kendo-ui/controls/editors/datepicker/overview.html на то же самое.

Но вместо стандартного класса ki-calendar я хочу использовать класс ki-calendar-date. Но я не могу изменить.

Значки: https://docs.telerik.com/kendo-ui/styles-and-layout/icons-web

https://docs.telerik.com/kendo-ui/api/javascript/ui/button/configuration/iconclass в этом примере говорится об изменении класса значков по умолчанию.

$("#button").kendoButton({
    iconClass: "fa fa-male"
});

Я пытался использовать то же самое для моего сборщика дат, но он не работает.

kendo.jQuery("#ang_layout1_asof_sdate").kendoDatePicker({
          format: this.inqService.userPref_dateFormat,
          change: this.onChangedatePicker.bind(this),
          value : new Date(this.dateDropDowndefaultItem.DATE_1),
          iconClass: "k-icon k-i-calendar-date"
      });

Может кто-нибудь помочь мне. Спасибо

Answer 1

$(".k-icon").removeClass("k-i-calendar");
$(".k-icon").addClass('k-i-calendar-date');

или

$(".k-icon").removeClass("k-i-calendar").addClass('k-i-calendar-date');

https://dojo.telerik.com/aViqocOT

Answer 2

Виджет kendoDatePicker не предоставляет свойство "iconClass". Вы можете изменить значок после создания экземпляра виджета, позвонив по номеру:

$("span.k-i-calendar").removeClass("k-i-calendar-calendar").addClass("k-i-calendar-date");