建站快车怎么样,有那些专门做财务分析的网站,做网站需要撑握哪些技术,网站建设设计师招募在日常开发中#xff0c;我们经常需要在项目中添加预约或预订功能。今天给大家推荐一个超级轻量级的预约/预订日历组件#xff0c;它是用React和TypeScript构建的#xff0c;非常适合那些需要简单易用的日历解决方案的开发者。 安装方法#xff1a; 你可以选择使用npm或者y… 在日常开发中我们经常需要在项目中添加预约或预订功能。今天给大家推荐一个超级轻量级的预约/预订日历组件它是用React和TypeScript构建的非常适合那些需要简单易用的日历解决方案的开发者。 安装方法 你可以选择使用npm或者yarn进行安装 npm install reactjs-availability-calendar 或者 yarn add reactjs-availability-calendar 使用方法 在你的组件中添加日历 import React from react;
import Calendar from reactjs-availability-calendar;export default function App() {const bookings [{from: new Date(2022-07-03),to: new Date(2022-07-30),middayCheckout: true,},{from: 2022-04-08,to: 2022-04-13,middayCheckout: true,},{from: 2022-09-03T19:20:35.593Z,to: 2022-09-22T19:20:35.593Z,middayCheckout: false,},];return (Calendar bookings{bookings} /);
} 项目地址 https://github.com/simpletut/reactjs-availability-calendar