rc-calendar

React Calendar

地址栏中加参数?cn&select即可查看新的模式

[![NPM version][npm-image]][npm-url] [![build status][travis-image]][travis-url] [![Test coverage][coveralls-image]][coveralls-url] [![gemnasium deps][gemnasium-image]][gemnasium-url] [![npm download][download-image]][download-url] [npm-image]:https://jeffycai.github.io/calendar/examples/example.png [npm-image]: http://img.shields.io/npm/v/rc-calendar.svg?style=flat-square [npm-url]: http://npmjs.org/package/rc-calendar [travis-image]: https://img.shields.io/travis/react-component/calendar.svg?style=flat-square [travis-url]: https://travis-ci.org/react-component/calendar [coveralls-image]: https://img.shields.io/coveralls/react-component/calendar.svg?style=flat-square [coveralls-url]: https://coveralls.io/r/react-component/calendar?branch=master [gemnasium-image]: http://img.shields.io/gemnasium/react-component/calendar.svg?style=flat-square [gemnasium-url]: https://gemnasium.com/react-component/calendar [node-image]: https://img.shields.io/badge/node.js-%3E=_0.10-green.svg?style=flat-square [node-url]: http://nodejs.org/download/ [download-image]: https://img.shields.io/npm/dm/rc-calendar.svg?style=flat-square [download-url]: https://npmjs.org/package/rc-calendar

Screenshots

Feature

• support ie9,ie9+,chrome,firefox,safari
• support date, month, year, decade select panel
• support week number
• support en_US and zh_CN locale(UI), use moment.utcOffset to set timezone
• support aria and keyboard accessibility

Keyboard

• Previous month (PageUp)
• Next month (PageDown)
• tab into hour input: Last hour(Up), Next hour(Down)
• tab into hour input: Last minute(Up), Next minute(Down)
• tab into hour input: Last second(Up), Next second(Down)
• Last year (Control + left)
• Next year (Control + right)

install

Usage

import Calendar from 'rc-calendar';
import React from 'react';
import ReactDOM from 'react-dom';
ReactDOM.render(<Calendar />, container);

Development

npm install
npm start

Example

http://localhost:8002/examples/

online example:

http://react-component.github.io/calendar/examples/index.html

API

rc-calendar props

rc-calendar/lib/RangeCalendar props

rc-calendar/lib/MonthCalendar props

rc-calendar/lib/Picker props

rc-calendar/lib/FullCalendar props

Test Case

npm test
npm run chrome-test

Coverage

npm run coverage

open coverage/ dir

License

rc-calendar is released under the MIT license.