wepy-canlendar

一款微信小程序的日历组件 支持左右翻页,picker.

Screenshots

Usage

首先记得把asset/icons下的2个小图标放到自己的资源文件里哦

项目依赖moment

cnpm install moment --save

代码全部有注释,使用上有问题请在github联系我,欢迎pr

import calendar from '../components/calendar

<calendar :visible.sync="calendarVisible"  :value.sync="time" @hanleConfirm.user="hanleConfirm" color="#05c8d3"></calendar>
  data = {
    calendarVisible: false,
    time: '2018-04-11'
  }
  components = {
    calendar
  }
  methods = {
    showcalendar () {
      this.calendarVisible = true
    },
    hanleConfirm (e) {
      console.log(e)// 导出数据
    }
  }

最后导出的数据很友好:

// 导出一个object
{
    day:27,
    formatDay:'2018-05-27',
    month:5,
    weekCh:'周日',
    year: 2018
}

API

wepy-calendar props

License

wepy-calendar is released under the MIT license.