react-dates日期选择库

联合创作 · 2023-09-22 04:04

react-dates 如它的名字,就是个react的数据模组;提高代码的可视化编辑的移动友好的数据日期获取插件。

react-dates 是一个易于国际化使用,对移动端友好的 web 日期选择库。

react-dates in action

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 }); }}
/>
浏览 2
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报