有沒有辦法更改為 tempus dominus datetimepicker 設置的圖標？

Question

我剛剛開始在 Bootstrap 4.0 中使用 tempusdominus。 我讓它工作得很好，並與我的后端很好地集成在一起。 但是，我的網站已經在使用圖標集（material-icons），我想看看我是否可以使用這種字體中的圖標。

我改變了這個

<div class="input-group-text"><i class="fa fa-calendar"></i></div>

從材料圖標中使用我的圖標。 但是，我似乎無法弄清楚如何更改時鍾的圖標。

我已將它定位在 Javascript 並查看了文檔，我似乎只能更改您使用的 Font Awesome 圖標。

Answer 1

我發現的一種方法是在選擇器選項上設置要更改的每個圖標：

$('#datepicker').datetimepicker({
    viewMode: 'months',
    format: 'MM/YYYY',
    locale: 'pt_BR',
    icons: {
      time: 'mdi mdi-clock',
      previous: 'mdi mdi-arrow-left',
      next: 'mdi mdi-arrow-left',

    }
});