# vue-date-picker-livi

> > A Vue.js project

Latest version **1.0.0** (published 2018-03-13) · ISC license · 0 weekly downloads

## Install

```sh
npm install vue-date-picker-livi
pnpm add vue-date-picker-livi
yarn add vue-date-picker-livi
bun add vue-date-picker-livi
```

## 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.0 |
| Published | 2018-03-13 |
| First published | 2018-03-13 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 13.9 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | liyanfang |
| Maintainers | liyanfang |
| Keywords | picker, address-picker |

## Links

- npm: https://www.npmjs.com/package/vue-date-picker-livi
- npm.io page: https://npm.io/package/vue-date-picker-livi

## Recent versions

- 1.0.0 (latest) — 2018-03-13

## README

# date-picker

> A Vue.js project

## Build Setup

``` bash
# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report
```

### 入口文件 index.html
    设置更节点的文字大小计算

### 地址选择器的说明
移动端地区选择器
    <addressPicker :addressShow="addressShow" :reset="false" :addressNames="addressNames" v-on:cancelFn="cancelFn" v-on:confirmFn="confirmFn" ></addressPicker>

访问地址 https://livi12.github.io/picker/dist/index.html#/

三个动态组件： 级联选择地区 ，级联选择时间 ， 不关联的选择时间

npm 下载 npm install vue-picker-livi --save-dev

#### timerPicker 组件参数
`pickerShow` 必传，显示和隐藏
`showTime` 默认展示时间，必填
`startTime` 开始时间，必填
`endTime` 结束时间，必填
`dot` 分割标记
`reset` 不读取展示的时间，最顶端向下滑动
`level` 几层数据格式，默认三层

    选择年，月份不会跟着滚动，日期判断，当选择的日期不在操作区域内，不做操作

#### 开发过程中遇到的点：
    1、vue 中需要操作底层的dom ，用指令的方式，注册事件，指令中不能获取到vue this 对象
    2、要获取到dom 中元素的高度，需要将元素visiblity 属性，display 不能获取到元素的高度
    3、模仿滑动效果

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