react-stroks-calendar2

React stroks calendar

Usage no npm install needed!

<script type="module">
  import reactStroksCalendar2 from 'https://cdn.skypack.dev/react-stroks-calendar2';
</script>

README

行事曆 Calendar for React

NPM

  npm i react-stroks-calendar

Demo

Demo

行程 Stroks json list

  [
    {
      "start"  : 1614402000000, 開始時間(毫秒)
      "end"    : 1614407400000, 結束時間(毫秒)
      "title"  : "", 行程標題
      "address": "", 地址
      "content": "", 行程敘述
      "level"  : 1, 層級 0: 高, 1: 一般, 2: 低, 1為起始值
      "tags"   : [] Hash tag標籤
    }
  ]

使用方式

  import Calendar from 'react-stroks-calendar';

  <Calendar
    color    = "#3699ff"
    mode     = {["date","time"]}
    stroks   = {strokslist}
    local    = "en"
    onChange = { stroks => console.log(stroks) }
  />

Api

Api type default method
color string #3699ff main color
mode Array date form datePicker status: date, time
stroks Array null 行程列表
local string zh 語言:zh (華語) / en (英文)
onChange function null 回傳結果 { actionType: "", [actionType]: {}, stroks: [] }