Datepicker.md

Datepicker

滚动选择日期组件，该组件使用 Scrollpicker 组件做滚动选择、布局，主要完成了日期数据源的处理。可以借鉴 Datepicker 的实现，制作数据处理更为复杂的组件。

Install

npm install beeshell 

Usage

引入方式

全部引入

import { Datepicker } from 'beeshell';

单独引入

import Datepicker from 'beeshell/components/Datepicker';

因为该组件库实现使用了继承、组合等方式复用代码，组件又有通用型、业务型组件的分类，所以导致单独引入的路径会比较长。

Examples

Code

import { Datepicker } from 'beeshell';

class App extends React.Component {
  const date = '2018-01-01';

  return (
      <View style={{flex: 1, backgroundColor: '#ebebea'}}>
          <View style={{marginVertical: 50}} >
              <Datepicker
                  startYear={2010}
                  numberOfYears={10}
                  date={date}
                  onChange={(data) => {
                      console.log(data);
                  }}
              />
          </View>
      </View>
  );
}

Props

Name	Type	Required	Default	Description
startYear	Number	true	null	开始年份
numberOfYears	Number	true	null	年数
date	String	false	null	日期字符串，'YYYY-MM-DD' 格式
onChange	Function	false	null	数据变化回调