vue-cli 3如何使用vue-bootstrap-datetimepicker日期插件

需求背景简介最近打算使用vue并结合前端工程化体系重构之前的一个Demo，其中有一个功能是使用bootstrap的datepicker插件选择查询日期。这篇博客主要介绍在使用vue-cli 3创建的项目中如何使用该插件。项目地址：安装插件及其依赖项这个插件有两个版本：一个是基于bootstrap 3.x开发的，一个是基于bootstrap 4.x开发的。首先呢，需要安装插件的依赖项，包括bootstrap 4.x、jquery >= 1.8.3、moment.js 2.22以及pc-bootstrap4-datetimepicker。或者直接设置package.json，然后通过npm install安装。package.json配置如下：然后安装vue-bootstrap-datetimepicker，安装方法与上述依赖项安装一致。插件配置由于vue-bootstrap-datetimepicker这个插件的原始版本是基于Bootstrap 3.x版本开发的，后来为了适应Bootstrap 4.x，有人对其进行了拓展，但是如果直接使用这个插件默认的图标均显示不出来，因此还需要一下配置。