如何使用凉亭安装日期时间范围选择器

时间:2015-06-15 07:13:34

标签: angularjs bower

我想在此here中添加日期时间范围选择器。我已经安装了git gui和node.js。

从网站上说:

  • 下载文件
  • 鲍尔
  • 将“datetimeRangePicker”:“latest”添加到您的bower.json文件,然后运行 亭子
  • 安装或运行bower install datetimeRangePicker
  • 在您的应用中包含文件
  • 范围-picker.min.js
  • range-picker.less OR range-picker.min.css OR range-picker.css
  • 以角度包含模块(即在app.js中) - rgkevin.datetimeRangePicker

有关完整示例,请参阅gh-pages分支,文件bower.json和index.html。

我是新手,我之前从未使用过凉亭。如何安装link以便我可以在角度js中使用它。我正在使用Netbeans IDE 8.0.2

3 个答案:

答案 0 :(得分:3)

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

'bower install --save'

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

我认为这应该有用。

答案 1 :(得分:1)

OK!在项目的根目录下创建2个文件 档案1: '.bowerrc' =>具有此内容的扩展名

  

{ "directory": "/lib" }

文件2: 具有此内容的'bower.json'

  

{
  " name":"应用程序名称",
     "版本":" 1.0.0",

     

"依赖":{
  " angular":"最新",
    " angular-ui-bootstrap-bower":"最新",
  " datetimeRangePicker&#34 ;:   "最新"
    }   }

之后你在git bash或命令邀请中转到C:/XXX/YourApplication/ 凉亭安装

然后你完成了。

答案 2 :(得分:0)

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

安装Bower的命令是

npm install -g bower

这将在您的计算机上全局启用bower install <package_name>命令(错误-g标志)。

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

要安装软件包,请使用:

bower install --save datetimeRangePicker

--save标志告诉Bower将依赖行自动添加到刚刚创建的bower.json文件中。要告诉安装软件包的命令是什么,只需查看GitHub上的软件包bower.json文件即可。您会看到您的特定包名为datetimeRangePicker。请注意,如果您尝试在没有适当上限的情况下安装datetimerangepicker,则无法正常工作。