[WordPress] 外掛分享: DayPick: Date Fields for Contact Form 7

首頁外掛目錄 › DayPick: Date Fields for Contact Form 7
WordPress 外掛 DayPick: Date Fields for Contact Form 7 的封面圖片
40+
安裝啟用
★★★★★
5/5 分(1 則評價)
73 天前
最後更新
問題解決
WordPress 6.0+ PHP 7.4+ v1.0.1 上架:2026-06-18

外掛標籤

開發者團隊

⬇ 下載最新版 (v1.0.1) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「DayPick: Date Fields for Contact Form 7」→ 直接安裝(推薦)
📦 歷史版本下載

原文外掛簡介

DayPick adds a [daypick] form-tag to Contact Form 7: a fast, mobile-friendly date and time picker built on the flatpickr library.
Everything is free. No pro version, no license keys, no per-domain restrictions, no paid translations. 50+ languages ship with the plugin and are picked automatically from your site language.
Why DayPick?

Local display, ISO storage – the visitor sees the date in their own format (e.g. 15.07.2026), but the form always submits a clean ISO value (2026-07-15). No more AM/PM confusion or broken database exports.
Server-side validation – min/max dates, disabled days and hour ranges are enforced on the server too, not just in the browser.
Automatic language – the picker follows your WordPress site language out of the box. All 50+ flatpickr locales are bundled.
Visual tag generator – add a field from the Contact Form 7 editor without writing any code.
Loads only when needed – assets are enqueued only on pages that actually render a DayPick field, with defer strategy.
Theme-safe styling – isolated popup CSS prevents theme conflicts.

Usage
Add a tag to your form, either with the DayPick button in the form editor or manually:
[daypick* appointment mode:datetime min:today max:+90d hours:09:00-18:00 step:30 disable:weekends firstday:1]

Available options:

mode:date / mode:time / mode:datetime – picker type (default: date)
min:today, min:2026-07-01, min:+7d – earliest selectable date
max:+90d, max:2026-09-30 – latest selectable date
hours:09:00-18:00 – allowed time range
step:30 – minute increment
disable:weekends, disable:2026-07-15,2026-07-16 – disabled days (can be combined)
firstday:1 – first day of week (0 = Sunday, 1 = Monday; default: site setting)
format:d.m.Y – display format (PHP date tokens; use _ for a space, e.g. format:d.m.Y_H:i)
"Select a date" placeholder – show the quoted text as the field placeholder; without placeholder the same text becomes a pre-filled default value

The submitted value is always ISO: Y-m-d, H:i or Y-m-d H:i depending on the mode. Use the regular mail-tag (e.g. [appointment]) in your email template.
Credits
DayPick bundles the flatpickr library (v4.6.13), released under the MIT license, which is GPL-compatible. The non-minified source code is available in the flatpickr GitHub repository.

延伸相關外掛

文章
Filter
Mastodon