react-dates日期选择库
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 }); }} />
评论