如何在Symfony上“安装” Bootstrap Datetimepicker?

问题描述 投票:0回答:1

我有assets/css/bootstrap-4.3.1.cssassets/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.jsbootstrap-3.3.1.css

我需要将它们安装在yarn中,以确保我具有Bootstrap datetimepicker的必备条件。尝试过

yarn add [email protected]

没有任何运气。然后,我尝试分别手动将文件下载到资产/ css和资产/ js,然后再次运行上面的命令,没有任何运气。因此,我需要使用yarn更改Bootstrap的版本。然后,我也需要使用Bootstrap datetimepicker。我如何实现我的目标?与使用yarn相比,在这一点上手动链接css和js文件对于我来说似乎非常极端,但是很有可能原因是我缺乏对yarn的了解。

编辑

至此我有

的package.json

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

app.js

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

运行yarn install时的错误消息:

未找到此依赖项:

  • ./ assets / js / app.js中的引导程序

要安装它,您可以运行:npm install --save bootstrap

symfony twitter-bootstrap-3 yarnpkg bootstrap-datetimepicker
1个回答
0
投票

过程很简单

  1. 向classType字段添加类

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

  2. [用毛线安装日期选择器的JQuery插件

    yarn add bootstrap-datepicker

  3. 在assets / js中创建文件以进行日期选择器配置Example

  4. 在webpack中添加该条目

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

  5. 在模板中添加条目链接标记

    {{%块样式表%}{{encore_entry_link_tags('datepicker')}}{%endblock%}

  6. 在模板中添加入口脚本标记

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

© www.soinside.com 2019 - 2024. All rights reserved.