当前位置：首页 > 文档资料 > beeshell 2.0 中文文档 >

Datepicker 日期选择

优质

小牛编辑

129浏览

2023-12-01

日期选择组件。滚动选择交互，基于 Scrollpicker 实现。

Usage

全部引入

import { Datepicker } from 'beeshell';

按需引入

import Datepicker from 'beeshell/dist/components/Datepicker';

Examples

Datepicker 与 BottomModal 组合应用

Code

详细 Code

import { Datepicker } from 'beeshell';

<Datepicker
  proportion={[2, 1, 1]}
  startYear={2010}
  numberOfYears={10}
  date='2016-03-30'
  onChange={(date) => {
    console.log(date)
  }}
/>

API

Props

Name	Type	Required	Default	Description
startYear	number	true	null	开始年份
proportion	number[]	false	[2, 1, 1]	数据列 UI 样式占比
numberOfYears	number	true	null	向后显示几年
date	string	false	null	选定的日期字符串，'YYYY-MM-DD' 格式
onChange	Function	false	null	数据变化回调

组合使用 Scrollpicker 组件，透传 Scrollpicker 所有 Props

免责声明：以上内容版权归原作者所有，如有侵犯您的原创版权请告知，我们将尽快删除相关内容。感谢每一位辛勤著写的作者，感谢每一位的分享。