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';

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

6. return (
7. <View style={{flex: 1, backgroundColor: '#ebebea'}}>
8. <View style={{marginVertical: 50}} >
9. <Datepicker
10. startYear={2010}
11. numberOfYears={10}
12. date={date}
13. onChange={(data) => {
14. console.log(data);
15. }}
16. />
17. </View>
18. </View>
19. );
20. }

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