Features
- 选择时间点、时间段(多月选择)
- 可以对每一天的界面数据及样式进行自定义和扩展
- 使用moment处理日历时间
下载
npm i react-mobile-calendar
Example
import React from 'react'import ReactDOM from 'react-dom'import MultiMonthView,{DatePicker} from 'react-mobile-calendar' const days = [ , , ,]; const onDayClick = =>{
Docs
-
MultiMonthView 多月选择器
- startMoment: 开始时间
- endMoment: 结束时间
- startText: 开始按钮显示的值
- endText: 结束按钮显示的值
- monthNumber: 显示月数
- viewMoment: 当前显示月份
- renderDay: 自定义渲染一天的数据
- onDayClick: 接收三个参数
- day:选中天数据
- rangeDays: 选中时间段
- is_complete: 是否选择完成
-
DatePicker 时间选择器
- defaultDay: 默认显示时间
- viewMoment: 当前显示月份
- renderDay: 自定义渲染一天的数据
- onDayClick: 接收三个参数
- day:选中天数据