一个阵营组件,用于选择日期和日期范围。

时间:2024-06-28 08:54:37
【文件属性】:

文件名称:一个阵营组件,用于选择日期和日期范围。

文件大小:410KB

文件格式:ZIP

更新时间:2024-06-28 08:54:37

Date / Time picker

react-date-range 一个与日期库无关的 React 组件,用于选择日期和日期范围。 使用 date-fns 进行日期操作。 为什么要使用 react-date-range? 无状态日期操作 高度可配置 多范围选择 基于原生 js 日期 拖放选择 键盘友好的现场演示:http://hypeserver.github.io/react-date-range 入门安装 npm install --save react-date-range这个插件期望 react 和 date-fns 作为 peerDependencies,这意味着你需要将它们安装在你的项目文件夹中。 npm install --save react date-fns 用法需要先导入骨架和主题样式。 导入 'react-date-range/dist/styles.css'; // 主样式文件 import 'react-date-range/dist/theme/default.css'; // 主题 css 文件 DatePicker import { Calendar } from 'react-date


【文件预览】:
react-date-range-master
----styleguide.config.js(3KB)
----.babelrc(216B)
----package.json(3KB)
----.github()
--------pull_request_template.md(393B)
--------workflows()
--------issue_template.md(219B)
----.prettierrc(221B)
----jest.config.js(239B)
----LICENSE(1KB)
----CONTRIBUTING.md(822B)
----src()
--------utils.js(3KB)
--------index.js(363B)
--------defaultRanges.js(3KB)
--------accessibility()
--------locale()
--------styles.scss(264B)
--------components()
--------theme()
--------styles.js(2KB)
----.npmignore(178B)
----.eslintrc.js(659B)
----setupTests.js(123B)
----.gitignore(76B)
----CHANGELOG.md(6KB)
----demo()
--------styles.css(348B)
--------ss.png(201KB)
--------components()
--------README.md(488B)
----README.md(10KB)
----. eslintignore(41B)
----yarn.lock(441KB)
----.gitattributes(66B)
----postcss.config.js(200B)
----.vscode()
--------settings.json(120B)

网友评论