# vue-select-date-time

> > 日期时间选择组件 ## how to use ``` npm i vue-select-date-time ``` ``` import selectDateTime from 'vue-select-date-time' import 'vue-select-date-time/lib/vue-select-date-time.css' Vue.use(selectDateTime) ----------------------

Latest version **0.1.1** (published 2019-08-12) · 0 weekly downloads

## Install

```sh
npm install vue-select-date-time
pnpm add vue-select-date-time
yarn add vue-select-date-time
bun add vue-select-date-time
```

## Health

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

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; low quality score; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.1 |
| Published | 2019-08-12 |
| First published | 2019-08-09 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 3 |
| Unpacked size | 256.1 KB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| Author | wuwei |
| Maintainers | wu_wei |

## Links

- npm: https://www.npmjs.com/package/vue-select-date-time
- npm.io page: https://npm.io/package/vue-select-date-time

## Dependencies (3)

- [vue](https://npm.io/package/vue.md) ^2.6.10
- [core-js](https://npm.io/package/core-js.md) ^2.6.5
- [vue-router](https://npm.io/package/vue-router.md) ^3.0.3

## Recent versions

- 0.1.1 (latest) — 2019-08-12
- 0.1.0 — 2019-08-12
- 0.0.9 — 2019-08-12
- 0.0.8 — 2019-08-12
- 0.0.7 — 2019-08-12
- 0.0.6 — 2019-08-12
- 0.0.5 — 2019-08-12
- 0.0.4 — 2019-08-12
- 0.0.3 — 2019-08-12
- 0.0.2 — 2019-08-12
- 0.0.1 — 2019-08-09

## README

# select-date-time

> 日期时间选择组件
## how to use
```
npm i vue-select-date-time
```
```
import selectDateTime from 'vue-select-date-time'
import 'vue-select-date-time/lib/vue-select-date-time.css'
Vue.use(selectDateTime)
----------------------
<selectDateTime v-if="showSDT"
    @clickChoseTime="clickChoseTime"
    :chosedDateTime="chosedDateTime"
    @clickCancel="()=>{showSDT=false}">
</selectDateTime>
----------------------------
data() {
      return {
        showSDT:  false,
        chosedDateTime: ''
      }
    },
    methods: {
      clickChoseTime (dateTime) {
        this.chosedDateTime = dateTime
        this.showSDT = false
      }
    }
```


| 属性attribute | 说明explain |类型type | 默认default |
| ------ | ------------- | ------ | ------ |
| title | 标题 | String | ‘选择期望时间’ |
| dateRange | 显示时间范围: [yyyy-MM-dd, yyyy-MM-dd]  | Array | [<今天>， <未来第6六天>] |
| canChoseRange | 可选的时间范围: [yyyy-MM-dd HH:mm:ss, yyyy-MM-dd HH:mm:ss] | Array |[<当前时间>， '2100-01-01 00:00:00'] |
| amTimes | 上午可选的时间段: ['HH:mm~HH:mm'] | Array | ['08:00~08:30','08:30~09:00',...,'11:30~12:00'] |
| pmTimes | 下午可选的时间段: ['HH:mm~HH:mm'] | Array | ['14:30~15:00','15:00~15:30',...'17:00~17:30'] |
| chosedDateTime | 默认选中的时间: yyyy-MM-dd HH:mm~HH:mm | String | ''|

| 方法function | 说明explain |参数args |
| ------ | ------------- | ------ |
| clickChoseTime | 选中的时间 | the time: yyyy-MM-dd HH:mm~HH:mm | 
| clickCancel | 取消选择  | null |

图片效果地址：
https://github.com/wuweikd/picture-folder/blob/master/vue-select-date-time/vue-select-date-time.png
![Image text](https://github.com/wuweikd/picture-folder/blob/master/vue-select-date-time/vue-select-date-time.png)

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