版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/phj_88/article/details/82106733
react-dates 如它的名字，就是个react的数据模组；提高代码的可视化编辑的移动友好的数据日期获取插件。
react-dates 是一个易于国际化使用，对移动端友好的 web 日期选择库。
Getting Started
安装依赖
通过运行以下命令来确保软件包安装的版本号正确：
(
export PKG=react-dates;
npm info "$PKG" peerDependencies --json | command sed 's/[\{\},]//g ; s/: /@/g; s/ *//g' | xargs npm install --save "$PKG"
)产生和运行一个命令，如：
npm install --save react-dates moment@>=#.## react@>=#.## react-dom@>=#.## react-addons-shallow-compare@>=#.##包含组件
import { SingleDatePicker } from 'react-dates';包含 CSS
import 'react-dates/lib/css/_datepicker.css';要不然会创建一个带有 require.resolve（'react-dates / lib / css / _datepicker.css'）内容的 CSS 文件，并将其包含在 html <head> 部分。
Make some awesome datepickers
<SingleDatePicker
id="date_input"
date={this.state.date}
focused={this.state.focused}
onDateChange={(date) => { this.setState({ date }); }}
onFocusChange={({ focused }) => { this.setState({ focused }); }}
/>博主花大量时间和精力整理了大前端最新前端视频教程，省去大家找资源的时间
有兴趣的可以点击下方文字访问博主淘宝网（感谢支持）或直接联系博主QQ：184009766
扫描二维码关注公众号，回复：
2954374 查看本文章
