react-component/m-date-picker: React Mobile DatePicker(web & react-native) ...

原作者: [db:作者] 来自: 网络收藏邀请

开源软件名称（OpenSource Name）：

react-component/m-date-picker

开源软件地址(OpenSource Url)：

https://github.com/react-component/m-date-picker

开源编程语言(OpenSource Language)：

TypeScript 93.5%

开源软件介绍(OpenSource Introduction)：

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.

鲜花

握手

雷人

路过

鸡蛋

该文章已有0人参与评论

请发表评论

全部评论

专题导读

More+

10-27 六六分期app的软件客服如何联系？(六六分期

11-06 可心卡盟:win10系统火狐flash插件崩溃怎么

11-06 亲亲特价:怎么删除回收站图标

11-06 济南大学虚拟社区:鲁大师节能降温的具体办

11-06 xlueops.exe:无线网络安装向导

11-06 女斗合众国:win7系统cf与主机连接不稳定怎

11-06 0xc000022-[cf烟雾头]cf怎么调烟雾头

11-06 qizideyouhuo:应用程序无法正常启动0xc0000

11-06 ipz-185:win7系统vcf文件怎么打开

11-06 傻哥蹦迪:win10系统s4怎么打开usb调试

11-06 八神浩树gtaste:回收站清空了怎么恢复

11-06 妖尾之黑色守护:win10系统电脑没有1440x900

11-06 校园至尊魔王小说:win7系统浏览网页时字体

11-06 女斗合众国:win10系统访问共享文件夹提示请

11-06 tokyo hot n0654:恢复win7系统默认字体一招

11-06 雨酷仙境:设置win7系统转移临时文件夹腾出

11-06 阿穆纳伊之杖:win7系统开始菜单在右边还原

11-06 tunespotting:win10系统火狐flash插件总是

11-06 甘尔葛分析师：计谋网站seo关键词暴涨有什

11-06 蔡贵霖: 计谋网站seo关键词暴涨有什么秘密

11-06 博益网首页:ao3网页版进入不了解决方法

11-06 漏斗子专栏: 网站数据分析小白易懂精华篇

11-06 见证双虹怎么做:win7系统开启telnet命令的

11-06 颾狐蝶蜋:系统资源不足无法完成请求的服务

11-06 国光中学校歌:提交网站到alexa查询详细步骤

11-06 西安有情天:静态网页和动态网页的区别

11-06 红木雅尚斋:外部链接构造对网站的好处

11-06 前官礼遇：防止域名劫持–增强域安全性的10

11-06 密传二转答案: 中文分词算法有哪些

11-06 金泉家园邮编:百度快照劫持的表现及应对方

Stevenzwzhai/vue-mobile-application: use vue2.0/vue-router2,0/axios/mint-ui2.0发布时间：2022-08-30

tutorialzine/touchTouch: Touch Optimized Mobile Gallery发布时间：2022-08-30

剪的笔顺,诠释剪的笔画,认识剪的部首

六六分期app的软件客服如何联系？(六六分期

2023-10-27

florent37/ViewAnimator: A fluent Android

2022-08-15

florent37/Shrine-MaterialDesign2: implem

2022-08-17

CVE-2020-36276

2022-09-23

SimpleSoftwareIO/simple-sms: Send and re

2022-08-13

阅读排行榜

1 六六分期app的软件客服如何联系？(六六分期

六六分期app的软件客服如何联系？不知道吗？加qq群【895510560】即可！标题：六六分期

阅读：18905|2023-10-27

2 可心卡盟:win10系统火狐flash插件崩溃怎么

今天小编告诉大家如何处理win10系统火狐flash插件总是崩溃的问题，可能很多用户都不知

阅读：9898|2022-11-06

3 亲亲特价:怎么删除回收站图标

今天小编告诉大家如何对win10系统删除桌面回收站图标进行设置，可能很多用户都不知道

阅读：8294|2022-11-06

4 济南大学虚拟社区:鲁大师节能降温的具体办

今天小编告诉大家如何对win10系统电脑设置节能降温的设置方法，想必大家都遇到过需要

阅读：8653|2022-11-06

5 xlueops.exe:无线网络安装向导

我们在使用xp系统的过程中,经常需要对xp系统无线网络安装向导设置进行设置，可能很多

阅读：8586|2022-11-06

6 女斗合众国:win7系统cf与主机连接不稳定怎

今天小编告诉大家如何处理win7系统玩cf老是与主机连接不稳定的问题，可能很多用户都不

阅读：9593|2022-11-06

7 0xc000022-[cf烟雾头]cf怎么调烟雾头

电脑对日常生活的重要性小编就不多说了，可是一旦碰到win7系统设置cf烟雾头的问题，很

阅读：8578|2022-11-06

8 qizideyouhuo:应用程序无法正常启动0xc0000

我们在日常使用电脑的时候，有的小伙伴们可能在打开应用的时候会遇见提示应用程序无法

阅读：7967|2022-11-06

9 ipz-185:win7系统vcf文件怎么打开

今天小编告诉大家如何对win7系统打开vcf文件进行设置，可能很多用户都不知道怎么对win

阅读：8586|2022-11-06

10 傻哥蹦迪:win10系统s4怎么打开usb调试

今天小编告诉大家如何对win10系统s4开启USB调试模式进行设置，可能很多用户都不知道怎

阅读：7508|2022-11-06

客服电话

电子邮件

react-component/m-date-picker: React Mobile DatePicker(web &amp; react-native) ...