/Vue-DateTimePicker

移动端滚动日期时间组件 Vue => DateTimePicker,可用模式:单选日期、多选日期、多选日期时间,可上下滚动加载月份

Primary LanguageVue

mobile-vue-datetimepicker

Vue.js 移动端滚动日期时间范围组件

默认选择前 日期选择 时间选择
<rangeTimePicker rangeType="day" :data="{startTitle:'开始时间',endTitle:'结束时间'}" v-model="startTimeValue0"></rangeTimePicker>

模式(Available mode)

  • day : 单选
  • date : 日期范围
  • datetime : 日期时间范围
  • datetimeSpan : 日期时间(["00","30"])范围

rangeType 说明
day 单选
date 日期范围
datetime 日期时间范围
datetimeSpan 日期时间(["00","30"])范围

不足(insufficient)

  • 向上滚动容易有抖动,向下滚动过快不够流畅
  • 时间选择未提供范围时间模式

依赖(dependent on)

  • mint-ui -> datetime-picker 、 picker

复用(multiplex)

  • timepicker 由mint-ui -> picker 组装成,实现["00","30"]的选择
  • calendar (核心)可单独拆解使用

Build Setup

# install dependencies
npm install

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

# build for production with minification
npm run build

借鉴

https://github.com/jinzhe/vue-calendar