Date Range Picker

23 августа 2023

При различных выборках часто необходимо указывать определенную дату. Для удобного выбора даты существует довольно много вариантов js плагинов.

Плагин для WordPress vh-daterangepicker – обертка для JavaScript компонента Date Range Picker (автор Dan Grossman)

Плагин представляет шорт-код, который можно вставлять в любое место страницы [daterangepicker]

В html коде странице создается форма

<form id="vh-daterangepicker">
  <label for="datepickerinput" id="datepickerlabel">Дата</label>
  <input class="date" id="datepickerinput" name="date" type="hidden">
</form>

После выбора даты появляется значение у скрытого поля <input id=”datepickerinput” …
форма отправляется, т.к. action формы отсутствует, просто перегружается страница

Но при перегрузке после выбора даты страница получает параметр date
типа такого
https://vahro.ru/blog/plugins/daterangepicker/?date=23-08-2023

Соответственно дату можно использовать, например, для фильтрации в выборке постов

Скачать плагин можно отсюда – https://github.com/vvhromov/vh-daterangepicker