Vuejs2 如何在vue引导datetimepicker中使用我自己的图标

我需要更改在vue组件中使用的日期选择器中的图标

链接如下：

在my main.js中，我有（相关部分）：

此导入

“@/icons”

用于我自己的文件夹，其中包含每个图标的svg代码。整个应用程序运行良好。 代码中有以下内容（仍然是main.js）：

在chainWebpack（配置）中

在使用datetimepicker组件的vue模板中，我有：

<script>
// Import required dependencies
import 'bootstrap/dist/css/bootstrap.css'

// Import this component
import datePicker from 'vue-bootstrap-datetimepicker'

// Import date picker css
import 'pc-bootstrap4-datetimepicker/build/css/bootstrap-datetimepicker.css'

export default {
  name: 'NewActivity',
  components: {
    datePicker
  },
  data() {
    return {
      date: null,
      options: {
        format: 'DD/MM/YYYY HH:mm:ss',
        locale: 'it',
        useCurrent: false,
        showClear: true,
        showClose: true
      }
    }
  }
}
</script>

//导入所需的依赖项
导入“bootstrap/dist/css/bootstrap.css”
//导入此组件
从“vue引导datetimepicker”导入日期选择器
//导入日期选择器css
导入“pc-bootstrap4-datetimepicker/build/css/bootstrap datetimepicker.css”
导出默认值{
名称：“NewActivity”，
组成部分：{
日期选择器
},
数据（）{
返回{
日期：空，
选项：{
格式：'DD/MM/YYYY HH:MM:ss'，
地点：'它'，
useCurrent:false，
真的,，
showClose：对
}
}
}
}

我试着保留默认的图标，使用glyphicons，使用fontawsome，并根据上一版本更改它们的名称，但我从未看到任何图标显示

希望有人能帮忙

非常感谢

x

jquery.extend(true, jquery.fn.datetimepicker.defaults, {
  icons: {
    time: '<svg-icon icon-class="plus-circle" class="plus" />',
    date: 'tools',
    up: 'run',
    down: 'pdf',
    previous: 'tree',
    next: 'user',
    today: 'form',
    clear: 'table',
    close: 'eye'
  }
})

// plugin date time picker
config
 .plugin('provide')
 .use(require('webpack').ProvidePlugin, [{
 Vue: ['vue/dist/vue.esm.js', 'default'],
 $: 'jquery',
 moment: 'moment',
 jQuery: 'jquery',
 'window.jQuery': 'jquery'
}])

<script>
// Import required dependencies
import 'bootstrap/dist/css/bootstrap.css'

// Import this component
import datePicker from 'vue-bootstrap-datetimepicker'

// Import date picker css
import 'pc-bootstrap4-datetimepicker/build/css/bootstrap-datetimepicker.css'

export default {
  name: 'NewActivity',
  components: {
    datePicker
  },
  data() {
    return {
      date: null,
      options: {
        format: 'DD/MM/YYYY HH:mm:ss',
        locale: 'it',
        useCurrent: false,
        showClear: true,
        showClose: true
      }
    }
  }
}
</script>