2015-06-15 26 views
2

我想包含來自此link的日期時間範圍選擇器。我已經安裝了git gui和node.js.如何使用涼亭安裝日期時間範圍選取器

從網站,它說:

  • 下載文件
  • 鮑爾
  • 添加 「datetimeRangePicker」: 「最新的」 你bower.json文件,然後運行 涼亭
  • 安裝或運行涼亭安裝datetimeRangePicker
  • 包括您的應用程序中的文件
  • range-picker.min.js
  • 範圍-picker.less OR範圍-picker.min.css OR範圍-picker.css
  • 包括在角的模塊(即在app.js) - rgkevin.datetimeRangePicker

見GH-頁面分支,文件bower.json和index.html爲一個完整的例子。

我是新來這個,我從來沒有使用過亭子。我如何安裝datetimeRangerPicker,以便我可以在角度js中使用它。我使用NetBeans IDE 8.0.2

回答

1

OK!在項目的根目錄中創建2個文件 文件1: '.bowerrc' =>擴展名與此內容

{ "directory": "/lib" }

文件2: 'bower.json'與此內容

{
"name": "Application Name",
"version": "1.0.0",

"dependencies": {
"angular": "latest",
"angular-ui-bootstrap-bower": "latest",
"datetimeRangePicker": "latest"
} }

後,在您的git bash或命令邀請去C:/XXX/YourApplication/ 涼亭安裝

然後你做。

+0

racine?你的意思是項目的根源? – kittu

+0

bowerrc是一個文本文件?什麼應該是擴展/格式? – kittu

+0

當我進入涼亭安裝它說:「找不到命令」 – kittu

3

在您添加在bower.json文件的依賴,你需要運行下面的命令:

執行該命令後,「涼亭安裝--save」

,它會下載所有依賴你的'bower_components'文件夾。你只需要在'index.html'中包含'range-picker.min.js'文件。 在你的app.js中包含模塊'rgkevin.datetimeRangePicker'

我認爲這應該起作用。

+0

所以路徑range-picker.min.js將會是'src = approot/bower_components/datetimeRangePicker/range-picker.js'? – kittu

+0

現在我有一個這樣的模塊:'angular.module('ui.bootstrap.demo')。controller('DatepickerDemoCtrl',function($ scope){...' – kittu

+1

是的路徑必須是' src = bower_components/datetimeRangePicker/range-picker.js'(不確定是否需要使用approot /)請檢查瀏覽器是否加載了這個range-picker.js文件,並且在瀏覽器中沒有收到404錯誤 –

0

首先,您需要安裝Bower。我假設你已經安裝了npm,因爲你已經有了node.js。

的命令來安裝鮑爾是

npm install -g bower

這將在您的計算機上全局啓用bower install <package_name>命令(請參閱-g標誌)。

接下來,您需要創建一個bower.json文件。鮑爾幫助你做到這一點。從您需要該文件的目錄中輸入bower init,然後按照說明爲項目配置設置。這會自動爲你創建bower.json文件。

要安裝的軟件包,使用:

bower install --save datetimeRangePicker 

--save標誌告訴鮑爾自動添加依賴行剛創建的文件bower.json。要知道安裝該軟件包的命令是什麼,只需查看GitHub上的軟件包bower.json文件即可。您會看到您的特定軟件包名爲datetimeRangePicker。請注意,如果您嘗試安裝datetimerangepicker而沒有正確的上限,則不起作用。