「reactmobiledatepicker」一个挪动端的react日期选择器组件

一个轻量级的react挪动端日期挑选器，不依赖于moment.js, 只要不到4k大小。

react-mobile-datepicker能够经由过程高低滑动来设置年、月、日。

• Github

• Demo

ps: demo在模仿的挪动端可高低滑动触发touch事宜。
这里先把它分享给人人，迎接 star ，迎接试用！

开始运用

运用 npm:

$ npm install react-mobile-datepicker --save


导入你想要的

下面的指点假定你已运用ES2015构建装置，运用babel或webpack/browserify/gulp/grunt等。

// Using an ES6 transpiler like Babel
import React from 'react';
import ReactDOM from 'react-dom';
import DatePicker from 'react-mobile-datepicker';

运用例子

class App extends React.Component {
state = {
time: new Date(),
isOpen: false,
}
handleClick = () => {
this.setState({ isOpen: true });
}
handleCancel = () => {
this.setState({ isOpen: false });
}
handleSelect = (time) => {
this.setState({ time, isOpen: false });
}
render() {
return (


组件属性

末了，真挚约请人人pull requests代码。不断完善国内的前端大业。