Taro Week Swiper

基于Taro开发，按星期(每周)切换, 用于日期选择的小程序组件

示例截图

Feature

• 支持右左滑动切换星期
• 支持设置字体和背景颜色

Getting Started

Install

yarn add taro-week-swiper
# or
npm i taro-week-swiper --save

Usage

import Taro from '@tarojs/taro'
import { WeekSwiper } from 'taro-week-swiper'

class Code extends Taro.Component {
  constructor (props) {
    super(props)
    this.state = {selectedDate: ''}
  }
  onDayChange(selectedDate) {
    this.setState({selectedDate})
  }
  render () {
    const { selectedDate } = this.state
    return (
      <View className='index'>
        <WeekSwiper onChange={this.onDayChange.bind(this)}></WeekSwiper>
        <Text>选择日期:{selectedDate}</Text>
      </View>
    )
  }
}

参数

| 参数 | 说明 | 类型 | 可选值 | 默认值 | | :------------------------- | :------------- | :------ | :----- | :------ | | date | 日期,格式为: YYYY-MM-DD | String | Yes | 当天 | | backgroundColor | 背景色 | String | Yes | #19be6b | | color | 字体颜色 | String | Yes | #fff |

事件

| 事件名称 | 说明 | 返回参数 | | :------- | :--------------- | :--------- | | onChange | 日期选择事件 | 日期字符串,格式为: YYYY-MM-DD |

注意

目前只在微信小程序测试，其他平台未测试