Datepicker

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

Install

  1. npm install beeshell

Usage

引入方式

全部引入

  1. import { Datepicker } from 'beeshell';

单独引入

  1. import Datepicker from 'beeshell/components/Datepicker';

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

Examples

image

Code

  1. import { Datepicker } from 'beeshell';
  2. class App extends React.Component {
  3. const date = '2018-01-01';
  4. return (
  5. <View style={{flex: 1, backgroundColor: '#ebebea'}}>
  6. <View style={{marginVertical: 50}} >
  7. <Datepicker
  8. startYear={2010}
  9. numberOfYears={10}
  10. date={date}
  11. onChange={(data) => {
  12. console.log(data);
  13. }}
  14. />
  15. </View>
  16. </View>
  17. );
  18. }

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 数据变化回调