ng-daterangepicker

WebJar for ng-daterangepicker

Лицензия

Лицензия

MIT
Группа

Группа

org.webjars.bower
Идентификатор

Идентификатор

ng-daterangepicker
Последняя версия

Последняя версия

0.4.1
Дата

Дата

Тип

Тип

jar
Описание

Описание

ng-daterangepicker
WebJar for ng-daterangepicker
Ссылка на сайт

Ссылка на сайт

http://webjars.org
Система контроля версий

Система контроля версий

https://github.com/yuyaohshimo/ng-daterangepicker

Скачать ng-daterangepicker

Как подключить последнюю версию

<!-- https://jarcasting.com/artifacts/org.webjars.bower/ng-daterangepicker/ -->
<dependency>
    <groupId>org.webjars.bower</groupId>
    <artifactId>ng-daterangepicker</artifactId>
    <version>0.4.1</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.bower/ng-daterangepicker/
implementation 'org.webjars.bower:ng-daterangepicker:0.4.1'
// https://jarcasting.com/artifacts/org.webjars.bower/ng-daterangepicker/
implementation ("org.webjars.bower:ng-daterangepicker:0.4.1")
'org.webjars.bower:ng-daterangepicker:jar:0.4.1'
<dependency org="org.webjars.bower" name="ng-daterangepicker" rev="0.4.1">
  <artifact name="ng-daterangepicker" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.bower', module='ng-daterangepicker', version='0.4.1')
)
libraryDependencies += "org.webjars.bower" % "ng-daterangepicker" % "0.4.1"
[org.webjars.bower/ng-daterangepicker "0.4.1"]

Зависимости

compile (2)

Идентификатор библиотеки Тип Версия
org.webjars.bower : angular jar [1.3.5,)
org.webjars.bower : moment jar [2.9.0,2.10)

Модули Проекта

Данный проект не имеет модулей.

ng-daterangepicker Build Status

Date range picker for Angular.js

Demo

http://yuyaohshimo.github.io/ng-daterangepicker

Installation

$ bower install ng-daterangepicker

Usage

You should write script and link tag in HTML header:

<script type="text/javascript" src="angular.js"></script>
<script type="text/javascript" src="moment.js"></script>
<script type="text/javascript" src="daterangepicker.js"></script>
<link rel="stylesheet" type="text/css" href="daterangepicker.css"/>

You should write date-range-picker tag as an angular directive:

<date-range-picker use-browser-default="useBrowserDefault" options="options" initial-range="initialRange" locale="locale" format="format" apply-button-label="applyButtonLabel" apply-date-range="applyDateRange(start, end)"></date-range-picker>

Options

  • use-browser-default: if you want to use a browser's calendar, set true
  • options: range options
  • initial-range: initial range
  • locale: locale for moment
  • format: format to display date
  • apply-button-label: label of custom button (optional)
  • apply-date-range: callback function

Example:

options = [
  // if you want to set date with calendar, put custom
  {
    label: 'Custom',
    value: 'custom'
  },
  // if you want to set all range option, put all
  {
    label: 'All',
    value: 'all',
    selected: true
  },
  {
    label: 'Today',
    value:'today',
    start: moment(),
    end: moment()
  },
  {
    label: 'This week',
    value:'thisWeek',
    start: moment().startOf('week'),
    end: moment().endOf('week')
  },
  {
    label: 'This month',
    value:'thisMonth',
    start: moment().startOf('month'),
    end: moment().endOf('month')
  }
];
initialRange = {
  start: moment(), // today
  end: moment().add(1, 'days') // tomorrow
};
locale = {
  year: 'YYYY年',
  months : '1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月'.split('_'),
  weekdaysShort: '日_月_火_水_木_金_土'.split('_')
};
format = {
  date: 'YYYY/MM/DD',
  to: '~'
};
applyDateRange = function(start, end, option) {
  console.log(start);
  console.log(end);
  console.log(option);
};

Development

Please run gulp.

$ gulp

Test

E2E Test

We can do E2E test using protractor.

$ npm run update-webdriver
$ gulp test:e2e

License

MIT license

Версии библиотеки

Версия
0.4.1
0.4.0