Дата публикации Gutenberg выбор даты

Вопрос или проблема

Дата публикации Gutenberg выбор даты

Я создаю метабоксы для своих пользовательских записей и мне нужен выбор даты.

введите описание изображения здесь

Существует ли способ использовать этот виджет выбора даты WordPress, но без времени?

Для меньшего времени вы можете использовать плагин ACF для этого
https://www.advancedcustomfields.com/resources/date-time-picker/

Вы можете попробовать этот вариант
(только даты, без времени)

https://danruggi.github.io/datepicker/

Ответ или решение

Конечно! Если вы хотите добавить в свои мета-боксы для пользовательских типов постов в WordPress выбор даты без времени, у вас есть несколько вариантов.

Вариант 1: Использование плагина ACF (Advanced Custom Fields)

Плагин ACF предоставляет мощные инструменты для создания пользовательских полей, включая выбор даты. Вы можете использовать поле выбора даты в ACF, которое будет отображать только дату без времени. Вот шаги, как это сделать:

  1. Установите и активируйте плагин ACF.
  2. Перейдите в раздел Custom Fields в админ-панели WordPress.
  3. Создайте новую группу полей.
  4. Добавьте новое поле и выберите тип поля "Date Picker".
  5. Настройте параметры поля по своему усмотрению.
  6. Привяжите группу к вашему пользовательскому типу поста.
  7. После этого вы сможете использовать выбранную дату в своих мета-боксах без времени.

Документация по настройке поля выбора даты доступна здесь.

Вариант 2: Использование стороннего плагина

Если вы не хотите использовать ACF, вы можете рассмотреть возможность использования простого jQuery плагина для выбора даты, такого как DatePicker от Dan Ruggi.

Как использовать:

  1. Загрузите необходимые файлы плагина на ваш сервер или подключите их через CDN.
  2. Добавьте HTML-код для вашего поля ввода даты в мета-бокс. Например:
    <input type="text" id="datepicker" name="my_custom_date">
  3. Подключите JavaScript для инициализации плагина:
    jQuery(document).ready(function($) {
       $('#datepicker').datepicker({
           // Настройте параметры по своему усмотрению
           dateFormat: 'yy-mm-dd'
       });
    });
  4. Убедитесь, что вы добавили все необходимые стили CSS, чтобы ваш DatePicker выглядел корректно.

Заключение

Выбор метода зависит от ваших предпочтений. Если вам нужно больше возможностей и настроек, ACF — это отличный вариант. Если вам нужно легкое решение без дополнительных зависимостей, вы можете использовать DatePicker от Dan Ruggi. Оба способа позволят вам создать выбор даты без времени в ваших мета-боксах.

Оцените материал
Добавить комментарий

Капча загружается...