react-dates日期選擇庫
react-dates 如它的名字，就是個(gè)react的數(shù)據(jù)模組；提高代碼的可視化編輯的移動(dòng)友好的數(shù)據(jù)日期獲取插件。
react-dates 是一個(gè)易于國(guó)際化使用，對(duì)移動(dòng)端友好的 web 日期選擇庫。
Getting Started
安裝依賴
通過運(yùn)行以下命令來確保軟件包安裝的版本號(hào)正確：
(
export PKG=react-dates;
npm info "$PKG" peerDependencies --json | command sed 's/[\{\},]//g ; s/: /@/g; s/ *//g' | xargs npm install --save "$PKG"
)
產(chǎn)生和運(yùn)行一個(gè)命令，如：
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';
要不然會(huì)創(chuàng)建一個(gè)帶有 require.resolve（'react-dates / lib / css / _datepicker.css'）內(nèi)容的 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 }); }}
/>評(píng)論
圖片
表情