Ответ уже был дан, но я хотел бы немного расширить его, включив 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');
Объяснение построчно:
- Загрузите jQuery UI Datepicker (библиотека уже зарегистрирована в Wordpress, больше ничего не нужно)
- Зарегистрируйте таблицу стилей с дескриптором
jquery-ui
(я использовал ту, что размещена в Google, вы можете использовать любую, которую предпочитаете)
- Эффективно включать таблицу стилей в те, которые загружаются 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