文件名称:用 React 编写的简单灵活的事件日历
文件大小:3.43MB
文件格式:ZIP
更新时间:2024-06-28 08:57:06
Date / Time picker
React Calendar 100% 测试覆盖率、响应式和灵活的 React 事件日历。 See In Action Backstory:在使用 react-big-calendar 多年之后,我决定创建自己的更易于使用、允许轻松定制并使用现代 React(无弃用方法)的自己。 npm install @zach.codes/react-calendar date-fns 基本用法样式 月历 周历 完全控制 基本用法 看到这个代码在行动 import { MonthlyBody, MonthlyCalendar, MonthlyNav, DefaultMonthlyEventItem, } from '@zach.codes/react-calendar '; export const MyMonthlyCalendar = () => { let [currentMonth, setCurrentMonth] = useState ( startOfMonth(new Date()) ); 返回 ( setCurrentMonth(date)} > data.map((item,
【文件预览】:
react-calendar-master
----.github()
--------workflows()
----postcss.config.js(83B)
----stories()
--------Monthly.stories.tsx(4KB)
--------Weekly.stories.tsx(2KB)
--------dummyEvents.ts(1KB)
----yarn.lock(596KB)
----.eslintrc.js(66B)
----tailwind.config.js(264B)
----src()
--------Weekly()
--------index.tsx(212B)
--------tailwind.css(59B)
--------shared.ts(517B)
--------Monthly()
----tsdx.config.js(360B)
----.npmignore(61B)
----.storybook()
--------main.js(313B)
--------preview.js(242B)
----example()
--------index.html(342B)
--------index.tsx(1KB)
--------yarn.lock(263KB)
--------.npmignore(24B)
--------tsconfig.json(438B)
--------package.json(577B)
----tsconfig.json(1KB)
----LICENSE(1KB)
----test()
--------Weekly()
--------setup.js(750B)
--------Monthly()
----README.md(7KB)
----storybook-static()
--------vendors~main.a929e9ffade578b84d8a.bundle.js(2.41MB)
--------index.html(2KB)
--------main.a929e9ffade578b84d8a.bundle.js(53KB)
--------main.a929e9ffade578b84d8a.bundle.js.map(153B)
--------vendors~main.a929e9ffade578b84d8a.bundle.js.map(170B)
--------favicon.ico(32KB)
--------vendors~main.4abf29e4f956d5befb41.bundle.js.LICENSE.txt(3KB)
--------vendors~main.4abf29e4f956d5befb41.bundle.js(1.67MB)
--------iframe.html(4KB)
--------vendors~main.a929e9ffade578b84d8a.bundle.js.LICENSE.txt(3KB)
--------runtime~main.6a9b04192e3176eff72a.bundle.js(3KB)
--------main.2d01924b12554c6c15af.bundle.js(973KB)
--------runtime~main.a929e9ffade578b84d8a.bundle.js(3KB)
--------runtime~main.a929e9ffade578b84d8a.bundle.js.map(169B)
----docs()
--------vendors~main.a929e9ffade578b84d8a.bundle.js(2.41MB)
--------index.html(2KB)
--------main.8450f31c58d9274da1b7.bundle.js(60KB)
--------main.a929e9ffade578b84d8a.bundle.js(53KB)
--------main.a929e9ffade578b84d8a.bundle.js.map(153B)
--------vendors~main.a929e9ffade578b84d8a.bundle.js.map(170B)
--------favicon.ico(32KB)
--------vendors~main.8450f31c58d9274da1b7.bundle.js(3.1MB)
--------vendors~main.4abf29e4f956d5befb41.bundle.js.LICENSE.txt(3KB)
--------CNAME(19B)
--------main.8450f31c58d9274da1b7.bundle.js.map(153B)
--------vendors~main.8450f31c58d9274da1b7.bundle.js.map(170B)
--------vendors~main.4abf29e4f956d5befb41.bundle.js(1.67MB)
--------runtime~main.8450f31c58d9274da1b7.bundle.js(3KB)
--------runtime~main.8450f31c58d9274da1b7.bundle.js.map(169B)
--------iframe.html(4KB)
--------vendors~main.8450f31c58d9274da1b7.bundle.js.LICENSE.txt(3KB)
--------vendors~main.a929e9ffade578b84d8a.bundle.js.LICENSE.txt(3KB)
--------runtime~main.6a9b04192e3176eff72a.bundle.js(3KB)
--------main.2d01924b12554c6c15af.bundle.js(973KB)
--------runtime~main.a929e9ffade578b84d8a.bundle.js(3KB)
--------runtime~main.a929e9ffade578b84d8a.bundle.js.map(169B)
----.gitignore(63B)
----package.json(2KB)