react-date-range-ch

0.6.0-rc.1 • Public • Published

react-date-range-ch

react-date-range进行了修改

使用

npm intall react-date-range-ch@x.x.x --save 其他请详见react-date-range

版本说明

0.1.0

汉化

0.2.0

禁止选择今天之前的日期

0.3.0

给Calendar增加两个属性:

  • disableDaysBefore-是否禁止选择今天之前的日期
  • disableArrow-是否不显示日期控件头部的prev和next按钮

0.4.0

给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()),
}

0.5.0

1.增加/修改参数

Calendar:

  • disableDaysBefore->disableDaysBeforeToday-是否禁止选择今天之前的日期
  • disableArrow->showMonthArrow-是否不显示日期控件头部的prev和next按钮
  • lang-语言,目前支持中文(cn),日文(jp)

DateRange:

  • offsetPositive 会影响Calendar的生成顺序
...
const _calendars = [];
        const _method = offsetPositive ? 'unshift' : 'push';
        for (var i = Number(calendars) - 1; i >= 0; i--) {
          _calendars[_method](
...

2.增加字典文件LangDic,目前支持中文,日文

0.5.1

修复0.5.0的相关bug:DateRange中使用Calerdar传递showMonthArrow属性

0.5.2

checkStartEdgecheckEndEdge中的isSame方法增加"day"参数

0.5.2-rc.1

补充说明文档

0.6.0

增加文字显示功能

示例

image

使用方式:

<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'
  }]}
  ...
/>

0.6.0-rc.1

去掉调试信息

Package Sidebar

Install

npm i react-date-range-ch

Weekly Downloads

0

Version

0.6.0-rc.1

License

GPL-3.0

Last publish

Collaborators

  • youxingzhi