Title: Date Picker For Contact Form 7 Author: theme funda Published: 2023 年 2 月 15 日 Last modified: 2026 年 3 月 1 日 --- 搜索插件 ![](https://ps.w.org/date-picker-for-contact-form-7/assets/banner-772x250.png?rev =3471439) ![](https://ps.w.org/date-picker-for-contact-form-7/assets/icon-256x256.png?rev= 3471439) # Date Picker For Contact Form 7 作者：[theme funda](https://profiles.wordpress.org/gravitymaster97/) [下载](https://downloads.wordpress.org/plugin/date-picker-for-contact-form-7.zip) * [详情](https://cn.wordpress.org/plugins/date-picker-for-contact-form-7/#description) * [评价](https://cn.wordpress.org/plugins/date-picker-for-contact-form-7/#reviews) * [安装](https://cn.wordpress.org/plugins/date-picker-for-contact-form-7/#installation) * [开发进展](https://cn.wordpress.org/plugins/date-picker-for-contact-form-7/#developers) [支持](https://wordpress.org/support/plugin/date-picker-for-contact-form-7/) ## 描述 **Date Picker For Contact Form 7** is a powerful add-on that integrates a flexible calendar widget into your CF7 forms. Say goodbye to manual date entry errors and provide your users with a sleek, mobile-friendly interface for selecting dates. Whether you are setting up an **Arrival/Departure** system, a **Check-in/Check-out** flow, or a simple **Appointment Booking** form, this plugin gives you full control over how dates are selected. ### Why choose this Date Picker? * **User Experience:** Faster date selection leads to higher form conversion rates. * **Data Accuracy:** Forces a consistent date format, making data management easy. * **Scheduling Control:** Perfect for businesses that need to restrict weekends, holidays, or past dates. ### Main Features * **Multiple Date Pickers:** Add multiple unique date fields to a single form. * **Custom Date Formats:** Choose how the date appears (e.g., dd/mm/yy, mm-dd-yy). * **Min/Max Date Restrictions:** Prevent users from picking dates in the past or too far in the future. * **Custom Skins:** Change the design and look of the calendar to match your site. * **Placeholder Support:** Add custom placeholder text inside the date field. ### [Pro] Advanced Features * **Disable Specific Days:** Blackout holidays, weekends, or specific dates where you are unavailable. * **Advanced Logic:** Perfect for complex booking requirements. [Get Premium](https://www.codesmade.com/store/date-picker-for-contact-form-7-pro/) | [Support](https://www.codesmade.com/contact-us/) | [Documentation](https://www.codesmade.com/date-picker-for-contact-form-7-documentation/) ## 屏幕截图 * [[ * The Date Picker tag generator interface in Contact Form 7. * [[ * Example of a front-end date picker with a custom skin. * [[ * Settings panel for restricting minimum and maximum dates. ## 安装 1. Upload the `date-picker-for-contact-form-7` folder to the `/wp-content/plugins/` directory. 2. Activate the plugin through the ‘Plugins’ menu in WordPress. 3. Open your **Contact Form 7** editor. 4. Look for the “Date Picker” tag generator button. 5. Configure your settings (Min/Max date, Skin, etc.) and insert the shortcode. ## 常见问题 ### Does this work with the latest version of Contact Form 7? Yes, we regularly test the plugin against the latest CF7 updates to ensure 100% compatibility. ### Can I have two date pickers for “Check-in” and “Check-out”? Absolutely. You can add multiple fields and set different rules for each. ### Is it mobile-friendly? Yes, the date picker is responsive and works smoothly on touch devices. ## 评价 ![](https://secure.gravatar.com/avatar/91a8f5d0e275ede43b31f8710052abdbc23e02fdf06ee504d7e8de24ac8f24e3? s=60&d=retro&r=g) ### 󠀁[Botched plugin](https://wordpress.org/support/topic/botched-plugin-2/)󠁿 [carlgymlelocal](https://profiles.wordpress.org/carlgymlelocal/) 2025 年 12 月 24 日 Tons of typos in the code; stylee, scritps, scrpts, folder named “assents” instead of “assets”, etc.Copy pasted code from a google maps plugin, forgot to change the description.Talks about loading a whatsapp box in descriptions.Reason I looked into it this is the min_date and max_date values didn’t process dates correctly. A quick cursor run through fixed it for me:Issue at line 15 in assents/js/script.js: the date string is split but not converted to numbers before creating the Date. Converting the components to integers:              configdat.minDate = new Date(parseInt(date_min_val_arr[ 0]), parseInt(date_min_val_arr[1])-1, parseInt(date_min_val_arr[2])); Issue: date components are strings after splitting, causing incorrect Date construction. Converting them to integers with parseInt() before creating the Date. Fixing both minDate and maxDate parsing:                configdat.maxDate = new Date(parseInt(date_max_val_arr[ 0]), parseInt(date_max_val_arr[1])-1, parseInt(date_max_val_arr[2])); Fixed the date parsing issue. The problem was that after splitting “2026-01-04” by -, the values were strings, and JavaScript’s Date constructor can misparse them.Posting this in case anyone else runs into this plugin, it’s buggy. ![](https://secure.gravatar.com/avatar/fcc0b68a0eb478db1d38507dc3e73cfd23b41480f7bdfc6466fdf0030282ff67? s=60&d=retro&r=g) ### 󠀁[Very sneaky turned free into premium features without releasing a new version](https://wordpress.org/support/topic/very-sneaky-turned-free-into-premium-features-without-releasing-a-new-version/)󠁿 [Haste](https://profiles.wordpress.org/haste18/) 2024 年 12 月 18 日 I had this plugin running on one of my sites for a year. It works great, so I installed it on a fresh site today. Exact same version number, but it seems you made a sneaky update without creating a new version, but turning free features into premium. I know for sure, because I migrated the ‘same version’ from my current site to the new one and all functions are there. This is just misleading and not according to Wordpress standards. Very naughty and bad. ![](https://secure.gravatar.com/avatar/8d825567b11e3f3c48be43f43b64869a7f44282500dde397b58622d7e20a735b? s=60&d=retro&r=g) ### 󠀁[Great little plugin](https://wordpress.org/support/topic/great-little-plugin-355/)󠁿 [tryyyy](https://profiles.wordpress.org/tryyyy/) 2024 年 4 月 23 日 Perfect, does exactly what it’s supposed to do. Contacting support also went without any problems. Response within 24 hours. Further developments possible for a small additional charge for the Pro version. I would love to come back here. ![](https://secure.gravatar.com/avatar/140978fbc9eeb854ae88d8f12a893d6b0a7f36c2ee9b3186fda0c5cbcbd28d84? s=60&d=retro&r=g) ### 󠀁[Great and useful plugin, fast answer](https://wordpress.org/support/topic/great-and-useful-plugin-fast-answer/)󠁿 [sandrawp](https://profiles.wordpress.org/sandrawp/) 2024 年 4 月 9 日 Great and useful plugin, fast answer from the creator when I had doubts. ![](https://secure.gravatar.com/avatar/9f992f6c8a55e61353543979d9652696b185125d93e2ef637455f1b46159e638? s=60&d=retro&r=g) ### 󠀁[Very much useful and user-friendly and amazing, but may need improvement](https://wordpress.org/support/topic/very-much-useful-and-user-friendly-and-amazing-but-may-need-improvement/)󠁿 [dranzarthahir](https://profiles.wordpress.org/dranzarthahir/) 2023 年 12 月 18 日 Very much useful and user-friendly. The plugin is amazing.Only one problem I face while using this plug in is the width of the text/date input area. It takes maximum width of the form. The developer could have adjusted the width of the input area only to the required width or could have given option to select width of the input area.I don’t know is there any way to re-adjust the width ![](https://secure.gravatar.com/avatar/6a2242f8d2c80349a8c53b47565a037624ca30bdc92a2278b3933ee251b3e7b2? s=60&d=retro&r=g) ### 󠀁[Hey, You Have Two 5 Star Reviews!](https://wordpress.org/support/topic/hey-you-have-two-5-star-reviews/)󠁿 [Flash Buddy](https://profiles.wordpress.org/flashbuddy/) 2023 年 9 月 6 日 You just got a five star review from me. I installed the plugin and wham! It works right out of the box. I had been having trouble with a different date picker for CF7, where the calendar would not invoke and some devices. Your date picker works across all devices I’ve tested it on. I also like how I can customize it with CSS. [ 阅读所有7条评价 ](https://wordpress.org/support/plugin/date-picker-for-contact-form-7/reviews/) ## 贡献者及开发者 「Date Picker For Contact Form 7」是开源软件。 以下人员对此插件做出了贡献。 贡献者 * [ theme funda ](https://profiles.wordpress.org/gravitymaster97/) [帮助将「Date Picker For Contact Form 7」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/date-picker-for-contact-form-7) ### 对开发感兴趣吗? 您可以[浏览代码](https://plugins.trac.wordpress.org/browser/date-picker-for-contact-form-7/)， 查看[SVN仓库](https://plugins.svn.wordpress.org/date-picker-for-contact-form-7/)， 或通过[RSS](https://plugins.trac.wordpress.org/log/date-picker-for-contact-form-7/?limit=100&mode=stop_on_copy&format=rss) 订阅[开发日志](https://plugins.trac.wordpress.org/log/date-picker-for-contact-form-7/)。 ## 更新日志 #### 1.0 * Initial release. * Added Min/Max date options. * Added custom skin support. ## 额外信息 * 版本 **2.0** * 最后更新：**2 月前** * 活跃安装数量 **4,000+** * WordPress 版本 ** 5.0 或更高版本 ** * 已测试的最高版本为 **6.9.4** * 语言 * [English (US)](https://wordpress.org/plugins/date-picker-for-contact-form-7/) * 标签 * [booking calendar](https://cn.wordpress.org/plugins/tags/booking-calendar/)[cf7](https://cn.wordpress.org/plugins/tags/cf7/) [contact form 7](https://cn.wordpress.org/plugins/tags/contact-form-7/)[Date Picker](https://cn.wordpress.org/plugins/tags/date-picker/) [wpcf7](https://cn.wordpress.org/plugins/tags/wpcf7/) * [高级视图](https://cn.wordpress.org/plugins/date-picker-for-contact-form-7/advanced/) ## 评级 3.9 星（最高 5 星）。 * [ 5 条 5 星评价 ](https://wordpress.org/support/plugin/date-picker-for-contact-form-7/reviews/?filter=5) * [ 0 条 4 星评价 ](https://wordpress.org/support/plugin/date-picker-for-contact-form-7/reviews/?filter=4) * [ 0 条 3 星评价 ](https://wordpress.org/support/plugin/date-picker-for-contact-form-7/reviews/?filter=3) * [ 0 条 2 星评价 ](https://wordpress.org/support/plugin/date-picker-for-contact-form-7/reviews/?filter=2) * [ 2 条 1 星评价 ](https://wordpress.org/support/plugin/date-picker-for-contact-form-7/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/date-picker-for-contact-form-7/reviews/#new-post) [查看全部评论](https://wordpress.org/support/plugin/date-picker-for-contact-form-7/reviews/) ## 贡献者 * [ theme funda ](https://profiles.wordpress.org/gravitymaster97/) ## 支持 有话要说吗？是否需要帮助？ [查看支持论坛](https://wordpress.org/support/plugin/date-picker-for-contact-form-7/)