Как реализовать фильтр по дате wordpress?

AJAX API WordPress

1 ответ

здравствуйте, есть сайт университета, где преподают курсы в опредленные дни. нужно реализовать функционал, где будет 2 поля ввода "начало временного диапазона и конец". нажав на поле выпадает календарь, где посетитель выбирает даты. после чего должны выпадать курсы в этом временном диапазоне. подскажите способ или плагин, пожалуйста. не могу никак разобраться. спасибо

Дополнительно:

Ответы:

Это довольно непростая задача для новичка.

1 вариант:
Чтобы реализовать, то что вы описали потребуется динамическое получение содержания с использованием технологий AJAX, REST API и кастомных метаполей.

2 вариант:
Написать сортировку записей с формированием GET-запроса, который будет скрывать неактуальные записи во фронтенде по значению кастомного метаполя или иному признаку.

Если изучать все это совсем нет времени, поищите готовые решения. Наверняка они есть в репозитории.

Нужно решить такую задачу?

Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

Заказать помощь

Лучший ответ

Редакция по БД Ответ

Фильтр по диапазону дат в WordPress обычно делают через два поля даты и запрос по meta-полю. Для курсов лучше хранить дату начала курса в отдельном произвольном поле, например course_date в формате Y-m-d. Тогда записи можно фильтровать через meta_query.

Форма на фронте:

&lt;form method="get" class="course-filter"&gt;
    &lt;input type="date" name="date_from" value=""&gt;
    &lt;input type="date" name="date_to" value=""&gt;
    &lt;button type="submit"&gt;Показать&lt;/button&gt;
&lt;/form&gt;

<form method="get" class="course-filter"> <input type="date" name="date_from" value=""> <input type="date" name="date_to" value=""> <button type="submit">Показать</button> </form>

Запрос в шаблоне:

$date_from = isset($_GET['date_from']) ? sanitize_text_field($_GET['date_from']) : '';
$date_to = isset($_GET['date_to']) ? sanitize_text_field($_GET['date_to']) : '';
 
$meta_query = [];
 
if ($date_from &amp;&amp; $date_to) {
    $meta_query[] = [
        'key' =&gt; 'course_date',
        'value' =&gt; [$date_from, $date_to],
        'compare' =&gt; 'BETWEEN',
        'type' =&gt; 'DATE',
    ];
} elseif ($date_from) {
    $meta_query[] = [
        'key' =&gt; 'course_date',
        'value' =&gt; $date_from,
        'compare' =&gt; '&gt;=',
        'type' =&gt; 'DATE',
    ];
} elseif ($date_to) {
    $meta_query[] = [
        'key' =&gt; 'course_date',
        'value' =&gt; $date_to,
        'compare' =&gt; '&lt;=',
        'type' =&gt; 'DATE',
    ];
}
 
$courses = new WP_Query([
    'post_type' =&gt; 'course',
    'posts_per_page' =&gt; 20,
    'meta_key' =&gt; 'course_date',
    'orderby' =&gt; 'meta_value',
    'order' =&gt; 'ASC',
    'meta_query' =&gt; $meta_query,
]);

$date_from = isset($_GET['date_from']) ? sanitize_text_field($_GET['date_from']) : ''; $date_to = isset($_GET['date_to']) ? sanitize_text_field($_GET['date_to']) : ''; $meta_query = []; if ($date_from && $date_to) { $meta_query[] = [ 'key' => 'course_date', 'value' => [$date_from, $date_to], 'compare' => 'BETWEEN', 'type' => 'DATE', ]; } elseif ($date_from) { $meta_query[] = [ 'key' => 'course_date', 'value' => $date_from, 'compare' => '>=', 'type' => 'DATE', ]; } elseif ($date_to) { $meta_query[] = [ 'key' => 'course_date', 'value' => $date_to, 'compare' => '<=', 'type' => 'DATE', ]; } $courses = new WP_Query([ 'post_type' => 'course', 'posts_per_page' => 20, 'meta_key' => 'course_date', 'orderby' => 'meta_value', 'order' => 'ASC', 'meta_query' => $meta_query, ]);

Если курсы идут не в один день, а имеют дату начала и дату окончания, храните два поля: course_start и course_end. Тогда условие должно проверять пересечение диапазонов, а не только дату начала.

Плагины, которые могут закрыть задачу без кода: FacetWP, Search & Filter Pro, JetSmartFilters, WP Grid Builder. Но всё равно сначала нужно правильно хранить дату в метаполе, иначе фильтр будет работать нестабильно.

AJAX нужен только если требуется обновление списка без перезагрузки страницы. Для первого рабочего варианта проще и надёжнее сделать GET-фильтр: URL можно отправить пользователю, он индексируемо-предсказуемый и проще отлаживается.

Другие ответы (0)

Пока нет других ответов. Будьте первым, кто поможет автору.

Ответить на вопрос

комментарий Отменить ответ

Вам также может быть интересно

VPN Как правильно настроить vless для Android TV? 0 ответов Pyrogram Как правильно зарегистрировать юзер бота в Telegram? 0 ответов печатные-платы Как заставить запускаться программу M3.exe от компании Hanxing AOI в инспекционной машине на Windows 7 Pro? 0 ответов Telegram Как диагностировать ошибку с подключением к прокси в мобильном приложении Telegram? 0 ответов

Как реализовать фильтр по дате wordpress?

Дополнительно:

Ответы:

комментарий Отменить ответ

Вам также может быть интересно

Ежедневно, круглосуточно