內容簡介
繁體中文翻譯：
InputWP 的日期時間選擇器外掛是一款外掛，可以將文本字段轉換為日期選擇器、時間選擇器、日期和時間選擇器或日期範圍選擇器，使用一個 CSS 選擇器。它可以與 Contact Form 7、Divi、Ninja Forms 和 Gravity Forms 一起使用。定義可用的日期和時間的高級規則或禁用不需要的日期和時間。
與 Contact Form 7 和 Divi 配合使用效果佳
非常適合需要遵循特定開放時間和預訂規則的預約或預訂表單，日期和時間選擇器插件通過 CSS 選擇器很好地與 Contact Form 7 或 Divi 插件集成。請遵循 Contact Form 7 或 Divi 的規則。
升級以獲取更多功能
多種事件（輸入字段）
日期範圍（類型）
與 Contact Form 7、Gravity 和 Ninja Forms 的自動集成（無需代碼）。
全新的日期選擇器主題（下拉菜單）
可以完全自定義主題，包括正確的字體和標籤的正確顏色和背景。
與外部日曆同步（如 Google 日曆、Outlook、Airbnb、Booking.com 等），以便自動禁用已忙碌的日期/時間。
今天就試用PRO版本吧。如有功能請求，請從此處提交。
功能
日期選擇器-允許用戶在日曆上選擇日期。
時間選擇器-允許用戶在日期選擇器旁邊選擇時間。
多種日期時間選擇器主題-保持 Light（默認）或保持 Dark。
內嵌選擇器-將您的日期日曆和時間選擇器內嵌。
多語言支持-為 42 種不同語言創建帶有日曆的日期和時間選擇器字段。
保留占位符-允許您保留輸入字段的原始占位符。或，顯示當前日期或下一個可用時間。
禁止鍵盤編輯-使您可以允許或禁止用戶使用鍵盤在日期和時間上進行編輯。
禁用過去的日期-它允許您從日期選擇器日曆当前日期起隱藏過去的日期。如果今天是 9 月 11 日，它將不會顯示 9 月 10 日、9 月 9 日等。
時間間隔-為時間選擇器定義每分鐘的時間間隔。如果設置為 60，那麼時間選擇器將顯示時間選擇選項為 12:00 AM、01:00 AM 等。
最小時間-它允許您定義一個時間範圍，在此範圍中用戶可以開始選擇時間。
最大時間-它允許您定義視為用戶在時間選擇器中可以選擇的最後時間的時間。
可用時間的偏移量-使用此選項，您可以從現在偏移時間到下一個可用時間。如果現在是下午 03:15，並且您選擇偏移 45 分鐘，那麼下一個可用時間將是下午 04:00。
最小日期-為日期槽定義開始日期。用戶將無法從定義的最小日期選擇以前的日期。
最大日期-為日期槽定義最後日期。用戶將無法從定義的最大日期選擇未來日期。
日期格式-提供 15 種不同的日期格式供您選擇用於日期選擇器。
小時格式-時間選擇器的多種小時格式。
何時加載-選擇何時何處加載日期時
外掛標籤
開發者團隊
② 後台搜尋「Availability Datepicker – Booking Calendar for Contact Form 7 – Input WP」→ 直接安裝（推薦）
📦 歷史版本下載
原文外掛簡介
Availability Datepicker by InputWP is a booking calendar and date time picker plugin that turns any text field into a smart availability datepicker. Define your business hours, booking type, and availability rules — the calendar enforces them automatically on the frontend. Works with Contact Form 7 via a simple CSS selector, with no code required on your end.
Perfect For
Doctor / Medical clinic — Fixed 30-minute appointment slots, Monday–Friday, 24-hour minimum notice, 60-day booking window.
Salon & Beauty — Fixed 60-minute sessions, Monday–Saturday, 2-hour advance notice, 30-day booking window.
Hotel / Vacation Rental — Day Based mode, check-in and check-out date selection, minimum 2-night / maximum 30-night stay, 365-day booking window.
Car Rental — Flexible Range, pickup and return with date and time, 4-hour minimum / 7-day maximum, every day, 90-day booking window.
Equipment Rental — Flexible Range, overnight to multi-day rentals, 12–72-hour duration, 60-day booking window.
Meeting Room — Flexible 1–8-hour bookings, Monday–Friday, 15-minute buffers between slots, 30-day booking window.
And anyone who runs appointments, reservations, or rentals and needs to show live availability on their booking form.
Works with Contact Form 7
Availability Datepicker integrates with Contact Form 7 (and any other form plugin) through a CSS selector. Add a text field to your form, copy the CSS class from the Integration panel, and paste it into the field’s class setting. No shortcodes or custom code needed.
Follow the step-by-step guide for Contact Form 7 or Divi to connect your date picker field in minutes.
Three Booking Types
Choose the booking type that matches how your business operates:
Fixed Time Slots — Guests pick a specific time slot (e.g. 9:00 AM – 10:00 AM). Ideal for appointments, consultations, and classes. Uses a single date and time field.
Day Based — Guests pick a check-in date and a check-out date. Ideal for hotels, B&Bs, and vacation rentals. Uses two separate date fields.
Flexible Range — Guests pick a start date+time and an end date+time. Ideal for car and equipment rentals, meeting rooms, and multi-hour bookings. Uses two separate date+time fields.
Six Quick Setup Presets let you pre-fill all availability settings for the most common scenarios in one click.
Advanced Availability Settings
The availability calendar is driven by a comprehensive set of rules you configure in the admin panel:
Business Hours — Enable or disable each weekday independently. Add multiple open time ranges per day to model morning and afternoon shifts.
Availability Window — Control how far ahead booking is open: dynamically (X days from today) or within a fixed predefined date range.
Slot Interval — Set the gap between available time slots: 15, 30, or 60 minutes.
Minimum Notice — Require a minimum lead time before a slot can be booked (e.g. 24 hours in advance).
Buffers — Add preparation or cleanup time before and after each slot to prevent back-to-back bookings.
Min/Max Bookable Days — Set the shortest and longest allowed stay lengths (Day Based mode).
Min/Max Duration — Set the shortest and longest allowed rental or booking period (Flexible Range mode).
Blocked Dates — Mark specific dates as unavailable: holidays, closures, one-off exceptions.
Allowed Date Exceptions — Open a normally-closed date with custom hours (e.g. a special Saturday opening).
Live Admin Preview — See how the calendar looks with your current settings before saving.
Features
Date picker — Allow users to pick a date on the availability calendar.
Time picker — Let users choose an available time alongside the date.
Three built-in themes — Light, and Dark.
Multiple language support — Display the datepicker interface in 40+ languages.
Date formats — Choose from 15+ date format options (d/m/Y, Y-m-d, M j Y, and more).
Time format — 12-hour (AM/PM) or 24-hour display.
Timezone — Configure the timezone your availability rules are based on.
Inline display — Keep the calendar always visible on the page instead of opening as a dropdown.
Quick Setup Presets — Six pre-configured templates (Doctor, Salon, Hotel, Car Rental, Equipment Rental, Meeting Room) to get started in seconds.
Upgrade to PRO
PRO unlocks (as shown on the Support page in the admin):
Bookings — Capture, manage, and block slots automatically so dates are disabled once booked.
Multiple Resources — Custom availability rules per resource or form field.
Branding & dynamic styling — Full control over calendar colors, fonts, and labels.
Import from .ics — Sync Google Calendar, Outlook, and other calendar services to block busy dates.
Divi & WooCommerce integration — Native integration with Divi and WooCommerce.
Try the PRO version today. Have a feature request? Let us know.
Credits
xdsoft.net datetimepicker jQuery plugin
