# hy-datepick-tool

> A DatePick Vue.js project

Latest version **1.0.53** (published 2019-07-22) · MIT license · 0 weekly downloads

## Install

```sh
npm install hy-datepick-tool
pnpm add hy-datepick-tool
yarn add hy-datepick-tool
bun add hy-datepick-tool
```

## 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.53 |
| Published | 2019-07-22 |
| First published | 2018-12-25 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Node | >= 6.0.0 |
| Dependencies | 0 |
| Unpacked size | 5.4 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | qzy |
| Maintainers | qinziyang2 |

## Links

- npm: https://www.npmjs.com/package/hy-datepick-tool
- npm.io page: https://npm.io/package/hy-datepick-tool

## Recent versions

- 1.0.53 (latest) — 2019-07-22
- 1.0.52 — 2018-12-29
- 1.0.51 — 2018-12-26
- 1.0.5 — 2018-12-26
- 1.0.4 — 2018-12-26
- 1.0.3 — 2018-12-25
- 1.0.2 — 2018-12-25
- 1.0.1 — 2018-12-25
- 1.0.0 — 2018-12-25

## README

# hy-datepick-tool


### 更新

#### 1.0.52

### 下载安装

```
npm install hy-datepick-tool
```

### 配置main.js
- main.js

```
import dateTime from 'hy-datepick-tool';
Vue.component('data-time', dateTime);
```

- 具体页面中使用，注:参数默认type="dateTime"，展示年月日时分，可按照以下说明根据使用情况改变:
- type="date"            只选年月日
- type="noMinute"        只显示年月日时
- type="time"            只显示时分
- type="year"            只显示年
- type="month"           只显示月
- type="day"             只显示日
```
        <template>
          <div class="date-time-item">
            <div class="date-time-input" @click="show">{{ data }}</div>
            <d-date-time ref="dateTime"
                         type="dateTime"
                         @confirm="select"></d-date-time>
          </div>
        </template>

        <script>
          import DateTime from 'hy-datepick-tool'
          export default {
            data(){
              return {
                data: ''
              }
            },
            components: {
              DateTime
            },
            methods: {
              //  展示日期组件
              show () {
                this.$refs.dateTime.show()
              },
              // 日期组件回调
              select (val) {
                this.data = val
              }
            }
          }
        </script>
```

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