react月份选择控件_「react-mobile-datepicker」一个移动端的react日期选择器组件

react-mobile-datepicker

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

react-mobile-datepicker可以通过上下滑动来设置年、月、日。

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 = () =