2015-06-15 2 views
2

Я хочу включить выбор времени для выбора даты из этого link. Я уже установил git gui и node.js.Как установить сборщик выбора времени по дате с использованием беседки

С сайта он говорит:

  • загрузить файлы
  • Бауэр
  • добавить «datetimeRangePicker»: «последний» в файл bower.json затем запустить становой
  • установить или запустить bower install datetimeRangePicker
  • содержит файлы в вашем приложении
  • range-picker.min.js
  • дальномер-выборщик 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"
} }

После этого в вас мерзавца Баш или пригласить команду перейти на C:/XXX/YourApplication/ bower install

Тогда вы сделали.

+0

racine? Вы имеете в виду корень проекта? – kittu

+0

bowerrc - это текстовый файл? Каким должно быть расширение/формат? – kittu

+0

Когда я вхожу в bower install, он говорит: «команда не найдена» – kittu

3

После добавления зависимости в файле bower.json, необходимо выполнить следующую команду:

«беседки установить --save»

После выполнения команды, она будет загружать все зависимостей вашей папки «bower_components». Вам просто нужно включить файл 'range-picker.min.js' в ваш 'index.html'. Включите модуль 'rgkevin.datetimeRangePicker' в ваш app.js

Я думаю, что это должно сработать.

+0

поэтому путь к диапазонам 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 '(не уверен, что вам нужно использовать соответствующий подход). Проверьте, загружен ли этот файл range-picker.js в браузере, и вы не получаете никакой ошибки 404 в браузере –

0

Во-первых, вам необходимо установить Bower. Я предполагаю, что у вас установлен npm, потому что у вас уже есть node.js.

Команда для установки Бауэр является

npm install -g bower.

Это позволит команде bower install <package_name> по всему миру (ergo флаг -g) на вашем компьютере.

Затем вы хотите создать файл bower.json. Bower помогает вам это сделать. Введите bower init из каталога, в который вы хотите найти файл, и следуйте инструкциям, чтобы настроить параметры для вашего проекта. Это автоматически создаст файл bower.json для вас.

Чтобы установить пакет, используйте:

bower install --save datetimeRangePicker 

Флаг --save говорит Бауэр, чтобы добавить строку зависимостей автоматически в файл bower.json вы только что создали. Чтобы узнать, какую команду установить пакет, просто посмотрите файл bower.json пакета на GitHub. Вы увидите, что ваш конкретный пакет называется datetimeRangePicker. Обратите внимание, что если вы попытаетесь установить datetimerangepicker без правильных шапок, это не сработает.

Смежные вопросы