Vue CLI 3如何整合vue-bootstrap-datetimepicker插件实现日期选择功能？

本文共计983个文字，预计阅读时间需要4分钟。

要求背景简介 + 最近使用Vue开发并整合前端工程化体系重构的一个Demo，其中包含一个功能是使用Bootstrap的datepicker插件选择查询日期。在网上找到一个基于Vue扩展的datepicker插件：vu。

需求背景简介

最近打算使用vue并结合前端工程化体系重构之前的一个Demo，其中有一个功能是使用bootstrap的datepicker插件选择查询日期。在网上找到了一个基于vue扩展的datepicker插件：vue-bootstrap-datepicker。这篇博客主要介绍在使用vue-cli 3创建的项目中如何使用该插件。项目地址：gitlab.com/JiaoXN/vuecli3usedatetimepicker.git

安装插件及其依赖项

这个插件有两个版本：一个是基于bootstrap 3.x开发的，一个是基于bootstrap 4.x开发的。本篇博客将会介绍后一种插件的安装及使用方法。

首先呢，需要安装插件的依赖项，包括bootstrap 4.x、jquery >= 1.8.3、moment.js 2.22以及pc-bootstrap4-datetimepicker。