# pacvuedaterangesimple

> ``` npm install pacvuedaterange --save ``` ``` // main.js import pacvuedaterange from 'pacvuedaterange' import 'pacvuedaterange/dist/daterangepicker.css' vue.use(pacvuedaterange) ``` ​``` ​``` ## demo.js ```

Latest version **1.0.1** (published 2022-06-10) · 0 weekly downloads

## Install

```sh
npm install pacvuedaterangesimple
pnpm add pacvuedaterangesimple
yarn add pacvuedaterangesimple
bun add pacvuedaterangesimple
```

## 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.1 |
| Published | 2022-06-10 |
| First published | 2022-05-27 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 4 |
| Unpacked size | 2.5 MB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| Maintainers | nodezch |

## Links

- npm: https://www.npmjs.com/package/pacvuedaterangesimple
- npm.io page: https://npm.io/package/pacvuedaterangesimple

## Dependencies (4)

- [vue](https://npm.io/package/vue.md) ^2.6.11
- [moment](https://npm.io/package/moment.md) ^2.29.1
- [core-js](https://npm.io/package/core-js.md) ^3.6.5
- [moment-locales-webpack-plugin](https://npm.io/package/moment-locales-webpack-plugin.md) ^1.2.0

## Recent versions

- 1.0.1 (latest) — 2022-06-10
- 1.0.0 — 2022-05-27

## README

## Project setup
```
npm install pacvuedaterange --save
```
```
// main.js
import pacvuedaterange from 'pacvuedaterange'
import 'pacvuedaterange/dist/daterangepicker.css'
vue.use(pacvuedaterange)
```
​```
​```
## demo.js
```
<template>
  <div class="demo">
    <date-range-picker
          :minDate="minDate"
          :maxDate="maxDate"
          v-model="dateRange"
          :isCompare="true"
          :compareSummary="true"
          :showCompareCheck="true"
          :showSummaryCheck="true"
          :compareDate="compareDate"
          @update="updateValues"
          @compareTime="compareTime"
          @toggle="checkOpen"
        >
        </date-range-picker>
  </div>
</template>

<script>
export default {
  name: 'demo',
  data () {
    return {
    minDate: "",
      maxDate: new Date(),
      dateRange: {
        startDate: "2020-11-10",
        endDate: "2020-11-20",
      }
    }
  },
  methods:{
      updateValues(values) {
      console.log("event: update", { ...values });
      // this.dateRange.startDate = format(
      //   values.startDate,
      //   "yyyy-mm-dd HH:MM:ss"
      // );
      // this.dateRange.endDate = format(
      //   values.endDate,
      //   "yyyy-mm-dd HH:MM:ss"
      // );
    },
      compareTime(value) {
      console.log("asssssssss");
      console.log(value);
    },
    checkOpen(open) {
      console.log("event: open", open);
    },
  }
}
</script>
​```

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