Datepicker
滚动选择日期组件,该组件使用 Scrollpicker 组件做滚动选择、布局,主要完成了日期数据源的处理。可以借鉴 Datepicker 的实现,制作数据处理更为复杂的组件。
Install
1. npm install beeshell
Usage
引入方式
全部引入
1. import { Datepicker } from 'beeshell';
单独引入
1. import Datepicker from 'beeshell/components/Datepicker';
因为该组件库实现使用了继承、组合等方式复用代码,组件又有通用型、业务型组件的分类,所以导致单独引入的路径会比较长。
Examples

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