对react-date-range进行了修改
npm intall react-date-range-ch@x.x.x --save 其他请详见react-date-range
汉化
禁止选择今天之前的日期
给Calendar增加两个属性:
- disableDaysBefore-是否禁止选择今天之前的日期
- disableArrow-是否不显示日期控件头部的prev和next按钮
给Calendar增加一个属性:
- shownDate-设定日历的当前日期 Calendar.js:
const state = {
date,
shownDate : (shownDate || range && range['endDate'] || date).clone().add(offset, 'months'), // ayou 2016.11.23人工指定shownDate
firstDayOfWeek: (firstDayOfWeek || moment.localeData().firstDayOfWeek()),
}
1.增加/修改参数
- disableDaysBefore->disableDaysBeforeToday-是否禁止选择今天之前的日期
- disableArrow->showMonthArrow-是否不显示日期控件头部的prev和next按钮
- lang-语言,目前支持中文(cn),日文(jp)
- offsetPositive 会影响Calendar的生成顺序
...
const _calendars = [];
const _method = offsetPositive ? 'unshift' : 'push';
for (var i = Number(calendars) - 1; i >= 0; i--) {
_calendars[_method](
...
2.增加字典文件LangDic,目前支持中文,日文
修复0.5.0的相关bug:DateRange中使用Calerdar传递showMonthArrow属性
给checkStartEdge
和checkEndEdge
中的isSame
方法增加"day"
参数
补充说明文档
增加文字显示功能
<DateRange
...
dayText: {[{
ts: moment().format('x'), // 时间戳
text: '入住'
},{
ts: moment().add(1,"days").format('x'),
text: '离开'
}]}
...
/>
<DateRange
...
dayText: {[{
ts: moment().format('x'),
text: '¥123'
},{
ts: moment().add(1,"days").format('x'),
text: '¥124'
},{
ts: moment().add(2,"days").format('x'),
text: '¥125'
},{
ts: moment().add(3,"days").format('x'),
text: '¥126'
}]}
...
/>
去掉调试信息