react-calendar-stroks

行事曆 Calendar for React

NPM

  npm i react-calendar-stroks

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-calendar-stroks';

  <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: [] }