vue-infinite-date-picker

0.2.4 • Public • Published

vue-infinite-date-picker

Project setup

yarn add vue-infinite-date-picker

Usage and configuration

<div class="hello">
    <InfiniteDatePicker v-model="currentDate" :options="dateOptions" @change="dateChange"/>
 </div>

import {InfiniteDatePicker} from  'vue-infinite-date-picker'
export default {
    components: {
        InfiniteDatePicker
     },
     data () {
        return {
          currentDate: '2021-08-20 11:26',
          dateOptions: {
            step: 5,
            itemHeight: 40,
            formatter: ['YYYY', 'MM', 'DD', 'HH', 'mm'],
            type: 'datetime'
          }
        }
     }
     ...

Image text

dateOptions

{
    step: 5, //时间跨度,仅支持分钟列
    itemHeight: 40, //默认时间行高
    formatter: ['YYYY', 'MM', 'DD', 'HH', 'mm'],  //各列时间format,遵循moment.js
    type: 'datetime', //可选参数 year-month-day year-month moth-day day-hour-minute ...
}

Lints and fixes files

yarn lint

Customize configuration

See Configuration Reference.

Versions

Current Tags

  • Version
    Downloads (Last 7 Days)
    • Tag
  • 0.2.4
    2
    • latest

Version History

Package Sidebar

Install

npm i vue-infinite-date-picker

Weekly Downloads

2

Version

0.2.4

License

none

Unpacked Size

6.35 MB

Total Files

25

Last publish

Collaborators

  • xuekanglin