runjuu / react-waterfall-calendar Goto Github PK

View Code? Open in Web Editor NEW

8.0 2.0 0.0 2.6 MB

📅 流式布局日历模块

Home Page: https://runjuu.github.io/react-waterfall-calendar/

License: MIT License

JavaScript 100.00%

calendar react

react-waterfall-calendar's Introduction

react-waterfall-calendar

DEMO Branch

Props

    <Calendar
      interval

      selectType
      classNames
      dataAttribute
      defaultSelected

      dateFormat
      monthFormat

      enableTouchTap
      onClick
    />

interval

日历显示的月份区间

    const { from, to, months } = interval;

{ from, to }

格式为符合 ISO 8601 的 String 类型

{ months }

格式为大于0的 Number 类型，{ from } 为 undefined 时从当前月份开始计算

⚠️ 当months !== undefined时，to将不起任何作用

selectType

日期选择类型

格式为 String 类型，接受以下三个值，默认为 'SINGLE'

'INTERVAL'

被选中的日期是前后选择的两次日期间的所有日期

'MULTIPLE'

所有被选中的日期都会同时存在

'SINGLE'

只有最后一个被选择的日期

classNames

传入自定义样式的样式名

    const { calendar, month, horizontal, date } = classNames;

dataAttribute

可对个别日期单独设置 data-* 属性

    const dataAttribute = {};
    dataAttribute['2017-04-05'] = { attribute: 'attribute' }

defaultSelected

默认选中的日期

    const defaultSelected = ['2017-02-06', '2017-02-07'];

dateFormat

日期显示格式

默认为 'D'

    const dateFormat = 'D' || 'DD' || 'D日';

monthFormat

月份标题格式

默认为 'YYYY-MM'

    const dateFormat = 'M' || 'MM' || 'M月';

onClick

点击日期时触发的回调方法

    function onClick({ date, event, nextSelected, state }) {}

调用 onClick 后的返回值

false [boolean]

被选中的日期不会更新为 nextSelected 中的内容

{ nextSelected } [Array]

会根据 onClick 返回的 nextSelected 值更新 nextSelected 为 符合 ISO 8601 的 String 类型 的数组

enableTouchTap

当 enableTouchTap = true 时，onClick回调事件为 onTouchTap

默认为 false

react-waterfall-calendar's People

Contributors

Stargazers

Watchers

react-waterfall-calendar's Issues

An in-range update of eslint-plugin-react is breaking the build 🚨

The devDependency eslint-plugin-react was updated from `7.12.1` to `7.12.2`.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

eslint-plugin-react is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Status Details

❌ continuous-integration/travis-ci/push: The Travis CI build failed (Details).

Release Notes for v7.12.2

Fixed

prop-types: avoid crash on used prevProps (#2095, @ljharb)
Version warning: Link does not end with '.' (#2103, @yoyo837))
forbid-prop-types: fix crash with propWrapper check on MemberExpressions (#2104, @ljharb)

Commits

The new version differs by 5 commits.

c93cbc6 Update CHANGELOG and bump version
e71feb5 [Fix] forbid-prop-types: fix crash with propWrapper check on MemberExpressions
11a66c0 Merge pull request #2103 from yoyo837/patch-1
e9cfc16 Link does not end with '.'
4da90ea [Fix] prop-types: avoid crash on used prevProps

See the full diff

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

Your Greenkeeper Bot 🌴

An in-range update of browser-env is breaking the build 🚨

The devDependency browser-env was updated from `3.2.5` to `3.2.6`.