今天介绍一个比较好用的react日期控件rc-calendar(貌似是某宝制作的react日期控件)
rc-calendar的github网址:https://github.com/react-component/calendar
rc-calendar的部分功能如下图所示:
那么,就让我们一步步实现上图中日期控件以及相关功能
第一步:安装rc-calendar
在package.json中加入如下依赖,然后执行npm install
第二步:在页面中加入rc-calendar依赖
1.创建文件calendar.jsx
2.加入rc-calendar组件依赖
var React=require('react');
var Link= require('react-router').Link;
var IndexLink=require('react-router').IndexLink;
var Calendar =require('rc-calendar');
var TimePickerPanel=require('rc-time-picker/lib/Panel');
var DatePicker=require('rc-calendar/lib/Picker');
var zhCN=require('rc-calendar/lib/locale/zh_CN');
import moment from 'moment';
require('moment/locale/zh-cn');
3.加入rc-calendar样式依赖,