@longlongago2/rm_calendar

react mobile calendar

Usage no npm install needed!

<script type="module">
  import longlongago2RmCalendar from 'https://cdn.skypack.dev/@longlongago2/rm_calendar';
</script>

README

rm-calendar

react mobile calendar

gif

NPM

install

npm install rm-calendar --save

usage

import RMCalendar from 'rm-calendar';

class App extends React.Component {
  render() {
    return (
      <RMCalendar
          defaultDate={new Date()}
          type="month"
          touch
          width="100%"
          locale="zh-cn"
          firstDayOfWeek={0}
          schedule={schedule}
          toolbar
          onCellClick={this.handleCellClick}
          onPageChange={this.handlePageChange}
        />
    );
  }
}

CDN

download

rm-calendar.zip (click to download)

usage

// css
<link rel="stylesheet" href="[path]/dist/rm-calendar.css">

// js
<script src="[path]/dist/rm-calendar.js"></script>

// html
<RMCalendar.default
    defaultDate={new Date()}
    type="month"
    touch
    width="100%"
    locale="zh-cn"
    firstDayOfWeek={0}
    schedule={schedule}
    toolbar
    onCellClick={this.handleCellClick}
    onPageChange={this.handlePageChange}
  />