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