# iview-datepicker-monthrange

> month range component about iview

Latest version **1.0.19** (published 2018-09-06) · MIT license · 0 weekly downloads

## Install

```sh
npm install iview-datepicker-monthrange
pnpm add iview-datepicker-monthrange
yarn add iview-datepicker-monthrange
bun add iview-datepicker-monthrange
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.19 |
| Published | 2018-09-06 |
| First published | 2018-07-24 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Node | >=8.9.1 |
| Dependencies | 8 |
| Unpacked size | 1.8 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | luyaJ |
| Maintainers | luyaj |
| Keywords | component, iview, datepicker, monthrange |

## Links

- npm: https://www.npmjs.com/package/iview-datepicker-monthrange
- npm.io page: https://npm.io/package/iview-datepicker-monthrange

## Dependencies (8)

- [deepmerge](https://npm.io/package/deepmerge.md) ^2.1.0
- [popper.js](https://npm.io/package/popper.js.md) ^1.14.1
- [tinycolor2](https://npm.io/package/tinycolor2.md) ^1.4.1
- [js-calendar](https://npm.io/package/js-calendar.md) ^1.2.3
- [async-validator](https://npm.io/package/async-validator.md) ^1.8.2
- [lodash.throttle](https://npm.io/package/lodash.throttle.md) ^4.1.1
- [v-click-outside-x](https://npm.io/package/v-click-outside-x.md) ^3.0.0
- [element-resize-detector](https://npm.io/package/element-resize-detector.md) ^1.1.14

## Recent versions

- 1.0.19 (latest) — 2018-09-06
- 1.0.18 — 2018-09-06
- 1.0.17 — 2018-09-06
- 1.0.16 — 2018-09-06
- 1.0.15 — 2018-09-06
- 1.0.14 — 2018-09-05
- 1.0.13 — 2018-09-05
- 1.0.12 — 2018-09-05
- 1.0.11 — 2018-09-05
- 1.0.10 — 2018-09-05
- 1.0.9 — 2018-07-31
- 1.0.8 — 2018-07-25
- 1.0.7 — 2018-07-25
- 1.0.6 — 2018-07-25
- 1.0.5 — 2018-07-25
- … 5 more at https://npm.io/package/iview-datepicker-monthrange/versions

## README

# iview-datepicker-monthrange

## Install

Using npm:

```js
npm install --save iview-datepicker-monthrange
```

Use it:

```bash
import MonthRangeDatePicker from 'iview-datepicker-monthrange'
Vue.use(MonthRangeDatePicker);
```

```bash
<month-range-date-picker type="daterange" placeholder="Select date"></month-range-date-picker>
```

！You should use `type="daterange"`。

And you need add:

```js
<link rel="stylesheet" href="//unpkg.com/iview/dist/styles/iview.css">
```

Want to get the input date:

```bash
<MonthRangeDatePicker type="daterange" placeholder="Select date" @on-change="daterange"></MonthRangeDatePicker>

methods: {
  daterange(data) {
    console.log(data);
  }
}
```

Disabled Date:

```bash
<MonthRangeDatePicker type="daterange" :options="options1" placeholder="Select date" @on-change="daterange"></MonthRangeDatePicker>

data() {
  return {
    options1: {
      disabledDate (year, month) {
        let disabledDate = (month < 10) ? year + '-0' + month : year + '-' + month;
        return disabledDate < '2017-11' || disabledDate > '2018-05';                     
      }
    }
  }
}
```

---
_Source: https://npm.io/package/iview-datepicker-monthrange · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._