Date Time Picker для Contact Form 7: настройка и решение проблем

Плагин Date Time Picker для Contact Form 7 добавляет удобные поля выбора даты и времени в формы. В этой инструкции — настройка классов, решение проблем во всплывающих окнах и готовые примеры кода.

Настройка Date Time Picker

Для добавления поля в форму Contact Form 7:

1. Установите плагин

• Скачайте официальную версию
• Активируйте через «Плагины» → «Добавить новый»

Используйте классы для разных типов полей:

• Выбор только даты - walcf7-datepicker
• Выбор только времени - walcf7-timepicker
• Выбор и даты и времени - walcf7-datetimepicker

[text* event-date class:walcf7-datepicker placeholder "Выберите дату"]
[text* event-time class:walcf7-timepicker placeholder "Выберите время"]
[text* book-date class:walcf7-datetimepicker placeholder "Дата и время"]

3. Добавьте тег вывода Даты и времени в тест письма

Пример добавления тега показан на скриншоте. Тег у вас будет отличаться в цифровом обозначении, имейте е это ввиду.
Не забудьте проверить работу форму и поля Date Time Picker, отправив тестовые письма.