Rmc-date-picker NPM | npm.io

6.0.10 • Published 5 years ago

Install

Weekly downloads

25,130

License

MIT

Repository

Last release

5 years ago

rmc-date-picker

React Mobile DatePicker Component (web and react-native)

Screenshots

web

ios

android

Usage

see example

Development

npm i
npm start

Example

http://localhost:8000/examples/

online example: http://react-component.github.io/m-date-picker/

react-native

npm run rn-init
npm run watch-tsc
react-native start
react-native run-ios

install

API

DatePicker props

name	description	type	default
className(web)	additional css class of root dom node	String	''
prefixCls(web)	prefix class	String	'rmc-date-picker'
pickerPrefixCls(web)	picker prefix class	String	'rmc-picker'
defaultDate	default selected date.	Date
date	The currently selected date.	Date
mode	The date picker mode.	String	'date' enum('date', 'time', 'datetime', 'year', 'month')
minDate	min date	Date	`new Date(2000, 1, 1, 0, 0, 0)`
maxDate	max date	Date	`new Date(2030, 1, 1, 23, 59, 59)`
minHour	min Hour `[0, 23]`	Number	`0`
maxHour	max Hour `[0, 23]`	Number	`23`
minMinute	max Minute `[0, 59]`	Number	`0`
maxMinute	max Minute `[0, 59]`	Number	`59`
locale	the locale of area	Object	import from 'rmc-date-picker/lib/locale/en_US'
use12Hours	12 hours display mode	Boolean	false
minuteStep	The amount of time, in minutes, between each minute item.	Number	1
onDateChange	Date change handler.	Function(date: Date)	''
onValueChange	fire when picker change	(vals: any, index: number) => void
formatMonth	Customize display value of months	(month:number, current:Date) => React.Node
formatDay	Customize display value of days	(day:number, current:Date) => React.Node

rmc-date-picker/lib/Popup props

name	description	type	default
className(web)	additional css class of modal node	String	''
style(web)	additional modal style	object	{}
popupTransitionName(web)		String
maskTransitionName(web)		String
prefixCls(web)	popup's prefix class	String	'rmc-picker-popup'
styles(react-native)	PopupPicker's styles	StyleSheet.create
datePicker	DatePicker element	React DatePicker element
date	The currently selected date.	Date
visible	whether pop picker is visible	Boolean	false
onChange	exec on ok	Function(date: Date)
onVisibleChange	called when pop picker visible change	Function
onDismiss	exec on dismiss	function
okText	ok button text	string/React.ReactElement	'Ok'
dismissText	dismiss button text	string/React.ReactElement	'Dismiss'
title	Popup title	string/React.ReactElement	''

Test Case

npm test
npm run chrome-test

Coverage

npm run coverage

open coverage/ dir

License

rmc-date-picker is released under the MIT license.

react react-component react-mobile-date-picker date-picker

babel-runtime rmc-picker

zeal-cube-mobile antd-mobile-rn-responsive miot-workspace ant-zy xc-antd xs-mobile @teko-builder/builder-base-components @infinitebrahmanuniverse/nolb-rm @everything-registry/sub-chunk-2672 sz-calc wuba-design xia-form rtl-antd-mobile rmc-calendar rmc-calendar-bxb rmc-calendar-extended rmc-calendar-jdd rmc-calendar-modify rnkit sgj-ui sxf-mobile ux-m-ceshi-platform-block-datepicker ux-m-platform-block-datepicker msbu-ui-react jdcloudmui jdd-react-components hyn-lib jw-components-mobile hrfax-mobile hrfax-and-m house-middleware-sdk gpot-ui lcgc-ui ne-rc1 owl-mobile ppx-ui preact-h5-ui ppfish-mobile nemo-antd-mobile nemo-mobile qingtai react-native-test-ui rtaro-ui @alitajs/dform @beisen/chaos-ui @beisen/bsapp-mobile-ui 588middleware 58middleware yes-comp-react-native-web zcontrol zcontrolfix y-antd-mobile xyl-mobile zendo-pc zendo-ui zhytestccccc weaver-mobile @gutenye/antd-mobile @huangming1994/antd-mobile @gem-mine/rmc-calendar @lighthouseapps/ui @lingxiteam/dform @nice-fungal/antd-mobile @merryjs/mini @molejs/mole-components-rn @molejs/mole-components-web @mdfe/antd-mobile @johnnylc/rn-custom-ui-components @privatefly/flight_search_widget @slsoft/reactcontrols @dodoex/widgets @beisen/mole-components-web antd-mobile-without-normalize antd-mobile1221 antd-mobile_ch antdm antd-mobile-alita antd-mobile-mp antd-mobile-ow antd-mobile-rn antd-mobile-rn-kxx antd-mobile-rn-mrhuangjser-forked antd-mobile-rui antd-mobile-test antd-mobile-v2 antd-mobile-alipay-ui antd-mobile-carengo antd-mobile-cyq aphrodite-mobile ant-mobile-rui antFB-mobile cent-react-wheel arabic-antd-mobile ares-uikit bfk-wing-blank bcs-mobile bcs-design-mobile bcs-kit bennt-antd-mobile-laguage-tw bennt-antd-phone-laguage-tw

5 years ago

6 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago