如何在 Symfony 上 "install" Bootstrap Datetimepicker？

Question

我有 assets/css/bootstrap-4.3.1.css 和 assets/js/bootstrap-4.3.1.js 这样的文件，在 webpack.config 我有

.addEntry('js/bootstrap','./assets/js/bootstrap-4.3.1.js')

和

.addStyleEntry('css/bootstrap', './assets/css/bootstrap-4.3.1.css')

我分别需要 bootstrap-3.3.1.js 和 bootstrap-3.3.1.css。

我需要在 yarn 中安装这些，以确保我有 Bootstrap datetimepicker 的先决条件。尝试过

yarn add bootstrap@3.3.1

运气不好。然后我尝试将文件分别手动下载到 assets/css 和 assets/js 中，然后再次运行上面的命令，但没有任何运气。所以，我需要用yarn来改变Bootstrap的版本。然后，我还需要使用 Bootstrap datetimepicker。我怎样才能实现我的目标？与使用 yarn 相比，此时手动链接 css 和 js 文件对我来说似乎非常困难，但很可能是因为我对 yarn 缺乏了解。

编辑

此时我有

package.json

//...
"depencencies": {
    //...
    "bootstrap": "^3.3.1",
    //...
}
//...

app.js

//...
require("bootstrap");
//...

当运行 yarn install:

时的错误信息

未找到此依赖项：

bootstrap in ./assets/js/app.js

To install it, you can run: npm install --save bootstrap

Answer 1

过程很简单

将 class 添加到 formType 字段

'attr' => ['class' => 'js-datepicker'],

用 yarn 安装日期选择器的 JQuery 插件
```
yarn add bootstrap-datepicker
```
在 assets/js 中创建一个文件用于日期选择器配置

在webpack中添加encore入口

 .addEntry('datepicker', [
    './assets/js/datepicker.js'
])

在模板中添加条目 link 标签

{% block stylesheet %}
{{ encore_entry_link_tags('datepicker') }}
{% endblock %}

在模板中添加入口脚本标签

{% block javascripts %}
{{ encore_entry_script_tags('datepicker') }}
{% endblock %}

如何在 Symfony 上 "install" Bootstrap Datetimepicker？

How to "install" Bootstrap Datetimepicker on Symfony?

symfony

twitter-bootstrap-3

bootstrap-datetimepicker

yarnpkg