lotus-calendar
vue版本calendar日期组件
Last updated a year ago by winglau14 .
Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install lotus-calendar 
SYNC missed versions from official npm registry.

lotus-calendar

vue 日期组件

how to use

npm install lotus-calendar --save or yarn add lotus-calendar

插件的方式引入使用

1.main.js

    import lotusCalendar from 'lotus-calendar'
    import 'lotus-calendar/dist/lotus-calendar.min'
    Vue.use(lotusCalendar) 

2.vue页面内引用日历控件:

    <lotus-calendar @returnDate="choseDate" :calendarData="calendarData"></lotus-calendar>

3.触发日历控件例子:

    <p>
       <span >日期控件:</span>
       <span @click="bindDateChange('starTime')" v-text="starTime+'至'"></span>
       <span @click="bindDateChange('endTime')" v-text="endTime"></span>
    </p>

4.参数说明:
(1)参数定义

    data () {
        return {
            starTime: '',
            endTime: '',
            calendarData:{
                isShow:false
            },
        }
    }

5.方法定义与调用:

    methods: {
        //获取选中时间
        choseDate(data,type){
            this[type] = data;
        },
        //触发显示日历控件
        bindDateChange(type){
             this.calendarData.isShow = true;
             this.calendarData.type = type;
        }
    }

6.演示
lotus-calendar

Current Tags

  • 1.1.9                                ...           latest (9 months ago)

21 Versions

  • 1.1.9                                ...           9 months ago
  • 1.1.8                                ...           9 months ago
  • 1.1.7                                ...           9 months ago
  • 1.1.6                                ...           9 months ago
  • 1.1.5                                ...           9 months ago
  • 1.1.4                                ...           9 months ago
  • 1.1.3                                ...           9 months ago
  • 1.1.2                                ...           9 months ago
  • 1.1.1                                ...           9 months ago
  • 1.0.2                                ...           9 months ago
  • 1.0.11                                ...           9 months ago
  • 1.1.0                                ...           a year ago
  • 1.0.10                                ...           a year ago
  • 1.0.9                                ...           a year ago
  • 1.0.8                                ...           a year ago
  • 1.0.7                                ...           a year ago
  • 1.0.6                                ...           a year ago
  • 1.0.4                                ...           a year ago
  • 1.0.3                                ...           a year ago
  • 1.0.1                                ...           a year ago
  • 1.0.0                                ...           a year ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 22
Last Day 0
Last Week 22
Last Month 23
Dependencies (1)
Dependents (1)

Copyright 2014 - 2016 © taobao.org |