Arhn - архитектура программирования

Предоставляет ли Wordpress собственный DatePicker в Admin?

Я разрабатываю плагин и в админке, где я предоставляю поле, которое заполняется пользователями с датой. Мне интересно, есть ли в WP Admin I встроенный инструмент выбора даты.

Обычно я включаю небольшой скрипт jQuery datepicker, который делает это, но если он уже доступен, я бы предпочел его по очевидным причинам, таким как более легкий код, согласованность пользовательского интерфейса и т. д. в состоянии найти такую ​​​​документацию о том, какие материалы jQuery, если таковые имеются, доступны в Admin.


  • Вы пытались прочитать мой вопрос, прежде чем комментировать? Я не спрашиваю, как добавить средство выбора даты. Я сказал, что уже делаю это. Я спрашивал, есть ли он в администраторе Wordpress. Как класс я могу добавить в поле ввода. Если вы не понимаете вопрос, пожалуйста, не оставляйте комментарий. 19.02.2014
  • Да. Ответ был легкий поиск или даже попробовать. Другой способ - просмотреть файлы, загруженные в панель управления wp. Ответ - нет. Рассматривали ли вы возможность использования каких-нибудь причудливых (возможно, dev.w3.org/html5/ markup/input.date.html) вместо тегов html5? 19.02.2014
  • Кстати, я имел в виду, что для wp нет специального средства выбора даты, помимо того, что предоставляет jquery datepicker. Это можно поставить в очередь, нет необходимости добавлять дополнительный скрипт выбора даты. CSS для этого? Нет, что вы должны были бы включить. Последнее, что нужно для получения хороших отзывов о wp, рассмотрите wordpress.stackexchange.com 19.02.2014

Ответы:


1

Ответ уже был дан, но я хотел бы немного расширить его, включив CSS (Wordpress не предоставляет таблицы стилей для пользовательского интерфейса jQuery), чтобы помочь любому, кто пытается использовать такие сценарии.

По сути (и очень просто), вам нужно иметь как минимум эти три строки кода:

    wp_enqueue_script('jquery-ui-datepicker');
    wp_register_style('jquery-ui', 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css');
    wp_enqueue_style('jquery-ui');

Объяснение построчно:

  1. Загрузите jQuery UI Datepicker (библиотека уже зарегистрирована в Wordpress, больше ничего не нужно)
  2. Зарегистрируйте таблицу стилей с дескриптором jquery-ui (я использовал ту, что размещена в Google, вы можете использовать любую, которую предпочитаете)
  3. Эффективно включать таблицу стилей в те, которые загружаются Wordpress на этой странице.

И теперь ваши Datepickers будут красивыми и красочными! :)

Подарок HTML5

Это не то, о чем просил OP, но это несколько связано с вопросом: если вы не хотите добавлять Datepicker, вы можете попробовать тип ввода HTML5 date, позволяя браузеру создать очень хороший (и по умолчанию) средство выбора даты:

<input type="date" name="the_date" />

Да, больше ничего не нужно (и это работает и в бэкенде Wordpress: https://jsfiddle.net/2jxdvea0/

Дополнительная информация о MDN: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date

Примечание Как указал @mark, ввод не работает в Firefox (как и в других браузерах). Это отмечено на странице MDN, но, конечно же, это следует упомянуть и здесь. Есть, конечно, обходные пути этой проблемы, но писать о них было бы не ради этого вопроса.

Обновление от 11 03 2017 Согласно комментарию @kosso, Firefox поддерживает это в версии 57.

19.10.2016
  • Спасибо, что подтвердили это. Я нахожу ошеломляющим тот факт, что в 2017 году до сих пор нет общего HTML-элемента выбора даты/времени для всех браузеров. 22.08.2017
  • Обновление: поддержка Firefox для этого появится в версии 57. 02.11.2017

  • 2

    Да. Wordpress включает это в ядро. Вот пара статей об этом:

    WP Codex: Справочник по функциям/скрипт wp enqueue

    Руководство Пола Андервуда по выбору цвета Iris (те же принципы применимы к средству выбора даты)

    27.02.2014
  • Привет, спасибо за эту тему, она мне помогает. На сайте Пола есть пример, особенно для средства выбора даты, сейчас: paulund.co .uk/add-date-picker-to-wordpress-admin Но я думаю, что в WP нет таблицы стилей для jquery-ui-datepicker: wp_enqueue_style('jquery-ui-datepicker'); Его необходимо загрузить из CDN или сохранить локально, как в этом примере: wordpress.stackexchange.com/questions/83322/ 21.08.2014

  • 3

    Добавьте следующую строку кода, чтобы поставить в очередь библиотеку jquery ui datepicker из вашего плагина:

    wp_enqueue_script('jquery-ui-datepicker');
    

    Вы можете загрузить файл таблицы стилей с сайта библиотеки jquery ui и включить его в свой плагин. Затем вы должны поставить файл CSS в очередь следующим образом:

    wp_enqueue_style('jquery-ui-css', 'http://www.example.com/your-plugin-path/css/jquery-ui.css');
    

    Кроме того, вы можете включить jquery ui CSS из Google (вам не нужно отправлять файлы CSS с вашим плагином, если вы идете по этому пути):

    wp_enqueue_style('jquery-ui-css', 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/smoothness/jquery-ui.css');
    

    Добавьте следующий код JQuery в свой файл javascript, чтобы он прикреплял средство выбора даты к любым полям с классом «custom_date»:

    <script type="text/javascript">
    jQuery(document).ready(function($) {
    $('.custom_date').datepicker({
    dateFormat : 'yy-mm-dd'
    });
    });
    </script>
    

    Теперь вы можете просто добавить класс «custom_date» в поля даты в HTML-коде, и он будет отображать календарь выбора даты, когда пользователь нажимает на это поле.

    <input type="text" class="custom_date" name="start_date" value=""/>
    
    03.07.2017
    Новые материалы

    Коллекции публикаций по глубокому обучению
    Последние пару месяцев я создавал коллекции последних академических публикаций по различным подполям глубокого обучения в моем блоге https://amundtveit.com - эта публикация дает обзор 25..

    Представляем: Pepita
    Фреймворк JavaScript с открытым исходным кодом Я знаю, что недостатка в фреймворках JavaScript нет. Но я просто не мог остановиться. Я хотел написать что-то сам, со своими собственными..

    Советы по коду Laravel #2
    1-) Найти // You can specify the columns you need // in when you use the find method on a model User::find(‘id’, [‘email’,’name’]); // You can increment or decrement // a field in..

    Работа с временными рядами спутниковых изображений, часть 3 (аналитика данных)
    Анализ временных рядов спутниковых изображений для данных наблюдений за большой Землей (arXiv) Автор: Рольф Симоэс , Жильберто Камара , Жильберто Кейрос , Фелипе Соуза , Педро Р. Андраде ,..

    3 способа решить квадратное уравнение (3-й мой любимый) -
    1. Методом факторизации — 2. Используя квадратичную формулу — 3. Заполнив квадрат — Давайте поймем это, решив это простое уравнение: Мы пытаемся сделать LHS,..

    Создание VR-миров с A-Frame
    Виртуальная реальность (и дополненная реальность) стали главными модными терминами в образовательных технологиях. С недорогими VR-гарнитурами, такими как Google Cardboard , и использованием..

    Демистификация рекурсии
    КОДЕКС Демистификация рекурсии Упрощенная концепция ошеломляющей О чем весь этот шум? Рекурсия, кажется, единственная тема, от которой у каждого начинающего студента-информатика..