ReactJS 蓝图日期输入组件

如果你正在使用ReactJS构建一个应用，并且需要集成一个日期输入组件，那么我们为你介绍一个非常好用的ReactJS蓝图日期输入组件。

关键特征

• 快速、易用、可定制的日期输入组件
• 在不同浏览器及设备中具有一致的外观和行为
• 支持多种日期格式
• 支持多语言（默认英语）
• 兼容ReactJS 16.8以上版本
• 十分轻量级，只有不到20KB的大小

安装

你可以在npm不官方的源码库上找到这个组件，使用以下命令安装：

npm install react-blueprint-datepicker --save

使用

在你的ReactJS项目中，你只需要简单地引入组件并进行配置，就可以快速实现日期输入组件。示例代码如下：

import React from 'react';
import ReactDOM from 'react-dom';
import { DateInput } from 'react-blueprint-datepicker';

class App extends React.Component {
  render() {
    return (
      <div>
        <DateInput
          format='MM/DD/YYYY'
          value={new Date()}
          onChange={(event, value) => console.log(value)}
        />
      </div>
    )
  }
}

ReactDOM.render(<App />, document.getElementById('root'));

在这个示例中，我们创建了一个简单的React组件，引入了DateInput组件，并将其放到了渲染的div中。我们同时也为组件传递了一些配置参数，例如日期格式“MM/DD/YYYY”，日期的初始值以及当日期发生变化时的回调函数。

文档

更多的组件配置参数以及使用方式，你可以参考这里的官方文档。

License

这个组件完全免费，采用BSD3许可证发布。你可以任意地使用、分发和修改它。

总结

ReactJS蓝图日期输入组件是一个简单易用的ReactJS组件，它能快速地为你的应用提供日期输入功能。如果你需要类似的组件，请不要犹豫，试试这个组件吧！