Angularjs 如何使用bower安装日期时间范围选择器

我想包括从这个日期时间范围选择器。我已经安装了git gui和node.js

网站上说：

下载文件 凉亭 将datetimeRangePicker:latest添加到bower.json文件中，然后运行 凉亭 安装或运行bower安装日期时间范围选择器 在应用程序中包含这些文件 range-picker.min.js range-picker.less或range-picker.min.css或range-picker.css 将模块包括在angular中，即在app.js中- rgkevin.datetimeRangePicker 有关完整示例，请参阅gh pages分支文件bower.json和index.html

---

我是新手，以前从未使用过鲍尔。如何安装以便在angular js中使用它。我正在使用Netbeans IDE 8.0.2

好的！在项目的根目录下创建2个文件 文件1： '.bowerrc'=>包含此内容的扩展名

{目录：/lib}

文件2： 包含此内容的“bower.json”

{ 名称：应用程序名称， 版本：1.0.0

依赖项：{ 最新的， 角度用户界面引导鲍尔：最新， 日期时间范围选择器： 最近的 } }

然后在git bash或命令invite中转到C:/XXX/your应用程序/ 凉亭安装

---

然后完成。

在bower.json文件中添加依赖项后，需要运行以下命令：

“bower安装-保存”

执行该命令后，它将下载“bower_组件”文件夹中的所有依赖项。您只需在“index.html”中包含“range picker.min.js”文件。 在app.js中包含模块“rgkevin.datetimeRangePicker”

---

我认为这应该行。

首先，您需要安装Bower。我假设您已经安装了npm，因为您已经安装了node.js

安装Bower的命令是

npm安装-g bower

这将在您的机器上全局启用bower install命令，以覆盖-g标志

接下来，您需要创建一个bower.json文件。鲍尔帮你做到这一点。从文件所在的目录中键入bower init，然后按照说明为项目配置设置。这将自动为您创建bower.json文件

要安装软件包，请使用：

bower install --save datetimeRangePicker

---

-save标志告诉Bower将依赖项行自动添加到刚才创建的Bower.json文件中。要知道安装包的命令是什么，只需查看GitHub上包的bower.json文件。您将看到您的特定包名为datetimeRangePicker。请注意，如果您试图安装datetimerangepicker而没有正确的上限，它将无法工作。

racine？你是说项目的根？bowerrc是一个文本文件？扩展名/格式应该是什么？看，创建一个空文件并用这个名称保存它。bowerrc这是名称和扩展名！别担心！！如果在bower安装后未找到命令，则需要安装nodejs，然后按如下方式安装bower->ok installed bower，执行bower install后，它运行一些脚本，最后显示bower NoresTarget未找到能够满足~1.3.0最新版本替换依赖项的标记，因此将显示range-picker.min.js的路径be src=approt/bower\u components/datetimeRangePicker/range-picker.js？？现在我有一个这样的模块：angular.module'ui.bootstrap.demo'。controller'DatepickerDemoCtrl'，function$scope{…是的，路径必须类似于'src=bower_components/datetimeRangePicker/range picker.js'不确定是否也需要使用approt/。请检查浏览器是否正在加载此range-picker.js文件，并且就模块而言，您在app.js中没有收到任何404错误，其中定义了模块的名称ui.bootstrap.demo'，定义如下：angular.module'ui.bootstrap.demo'，['rgkevin.datetimeRangePicker']；实际上我有两行模块：angular.module'ui.bootstrap.demo'，['ui.bootstrap']；angular.module'ui.bootstrap.demo'。控制器'DatepickerDemoCtrl'，函数$scope{。。。