date-picker

A Vue.js project

Build Setup

# 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

设置更节点的文字大小计算

地址选择器的说明

移动端地区选择器

访问地址 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、模仿滑动效果