rc-calendar

React 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

npm install --save rc-calendar-tbtime

Usage

import React from 'react';
import ReactDOM from 'react-dom';
import TbCalendar from "rc-calendar-tbtime/dist/rc-calendar";
import "rc-calendar-tbtime/dist/rc-calendar.css";

class Demo extends React.Component{
  constructor()
  {
    super();
    this.state = {value:"2017-12"}
  }
  handleChange(v) { this.setState({ value: v }) }

  render(){
    return ( <TbCalendar disabled={false}
                         onChange={(v)=>{this.handleChange(v)}}
                         value={this.state.value}
                         format="YYYY-MM"/>

    );
  }

}


ReactDOM.render(<Demo />, document.getElementById('__react-content'));

属性说明