react-dates日期選擇庫
react-dates 如它的名字,就是個react的數(shù)據(jù)模組;提高代碼的可視化編輯的移動友好的數(shù)據(jù)日期獲取插件。
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"
)
產(chǎn)生和運行一個命令,如:
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';
要不然會創(chuàng)建一個帶有 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 }); }}
/>評論
圖片
表情
