更改 Kendo 日期选择器 Jquery 的图标 class

Question

我正在尝试使用 kendo Jquery 日期选择器。

我正在推荐 https://docs.telerik.com/kendo-ui/controls/editors/datepicker/overview.html 同样的。

但是我想使用 k-i-calendar-date class 而不是默认的 k-i-calendar class。但是我无法改变。

图标：https://docs.telerik.com/kendo-ui/styles-and-layout/icons-web

https://docs.telerik.com/kendo-ui/api/javascript/ui/button/configuration/iconclass 在此示例中，它讨论了更改默认图标 class。

$("#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

kendoDatePicker 小部件不提供 "iconClass" 属性。您可以在实例化小部件后通过调用更改图标：

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

Answer 2

$(".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

更改 Kendo 日期选择器 Jquery 的图标 class

Change icon class of Kendo Date Picker Jquery

jquery

kendo-ui