• ДОБРО ПОЖАЛОВАТЬ В КЛУБ ПО WORDPRESS

    Мы активно растущий клуб по WordPress и нам нужна помощь каждого человека, в том числе и Ваша! Не стесняйтесь и станьте частью большого сообщества.
    Мы делимся новостями, отытом и полезными советами! Пройдите простую регистрацию, чтобы пользоваться всеми возможностями нашего клуба.

    Присоединяйтесь к нам, вам обязательно понравится - Присоединится

Вопрос Календарь мероприятий

I

ivkinai

НОВИЧОК
Добрый день. У нас в организации есть сайт. Нужно разработать раздел календарь мероприятий. Что то наподобие такого:

Афиша | МБУК "ЦГБ"

murmanlib.ru murmanlib.ru
.
Пересмотрел много сайтов. Но нигде что то похожего не нашел. В программировании разбираюсь слабо. Может у кого то есть материал, как сделать что нибудь похожее. Сайт на вордпрессе. Пробовал через плагины - но мне не нравится конечный результат. Не совсем то что хотелось бы получить.
 
Для такого использую плагин The Events Calendar
Создает отдельные посты для таких мероприятий и позволяет интегрировать календарь на страницу — в блок или тело страницы
 
ivkinai написал(а):
Добрый день. У нас в организации есть сайт. Нужно разработать раздел календарь мероприятий. Что то наподобие такого:

Афиша | МБУК "ЦГБ"

murmanlib.ru murmanlib.ru
.
Пересмотрел много сайтов. Но нигде что то похожего не нашел. В программировании разбираюсь слабо. Может у кого то есть материал, как сделать что нибудь похожее. Сайт на вордпрессе. Пробовал через плагины - но мне не нравится конечный результат. Не совсем то что хотелось бы получить.
Нажмите для раскрытия...
Для таких целей использую jQuery UI Datepicker в связке с AJAX, из минусов библиотека не обновляется с бородатых времен, из плюсов там и нечему обновляться, нового ничего не придумали. Ставите календарик куда угодно, на выбор даты\месяца\года делаете событие и ajax респонсом возвращаете результат куда потребуется. Хорошо дружит с ВП, я его использовал для ЦРМки.

Сугубо имхо, за jQuery UI Datepicker камнями не кидать :3

P.S. После написания поста так прикинул по сути подойдет любой календарик, что бы можно было кликать и на клик вешать событие которое отправляет в исполняющий файл запрос и получает результат. Если подскажите в каком виде ваши записи ( страница \ запись \ произвольный тип записей и т.п. ), то я смогу подсказать более детально.
 
Последнее редактирование:
Ну примерно так же. Страница. На ней так же календарь и таблица. В которой дата, время , название мероприятия и место проведения.
 
ivkinai написал(а):
Ну примерно так же. Страница. На ней так же календарь и таблица. В которой дата, время , название мероприятия и место проведения.
Нажмите для раскрытия...
Тогда используйте jQuery UI Datepicker ( рус. мануал ) и PHP, можете завернуть в шорткод если возникают проблемы с добавлением на страницу
 
Вставил календарь
Вот код:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>jQuery UI Datepicker - Display inline</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
<link rel="stylesheet" href="/resources/demos/style.css">
<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
<script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js"></script>
<script>
$( function() {
$( "#datepicker" ).datepicker();
} );
</script>
</head>
<body>

Date: <div id="datepicker"></div>


</body>
</html><link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

<script>
/* Локализация datepicker */
$.datepicker.regional['ru'] = {
closeText: 'Закрыть',
prevText: 'Предыдущий',
nextText: 'Следующий',
currentText: 'Сегодня',
monthNames: ['Январь','Февраль','Март','Апрель','Май','Июнь','Июль','Август','Сентябрь','Октябрь','Ноябрь','Декабрь'],
monthNamesShort: ['Янв','Фев','Мар','Апр','Май','Июн','Июл','Авг','Сен','Окт','Ноя','Дек'],
dayNames: ['воскресенье','понедельник','вторник','среда','четверг','пятница','суббота'],
dayNamesShort: ['вск','пнд','втр','срд','чтв','птн','сбт'],
dayNamesMin: ['Вс','Пн','Вт','Ср','Чт','Пт','Сб'],
weekHeader: 'Не',
dateFormat: 'dd.mm.yy',
firstDay: 1,
isRTL: false,
showMonthAfterYear: false,
yearSuffix: ''
};
$.datepicker.setDefaults($.datepicker.regional['ru']);
</script>

Как сделать, чтобы при выборе даты открывалось мероприятие которое будет проходить в этот день.
 
Прошу прощения, что не часто захожу на этот форум (работы навалило), в вызове функции календарика есть значение по умолчанию:
JavaScript: 
onSelect: function(date){
   $('#datepicker_value').val(date);
}

Так вот, эта функция срабатывает на клик по выбраной дате, и добавляет в скрытое поле дату, Вы так же можете добавить вызов еще одной функции:
JavaScript: 
onSelect: function(date){
$('#datepicker_value').val(date);
Ваша_функция_JS(date);
}

И получиться, что при клике вы отправляете дату на Вашу функцию, а дальше вы можете передать AJAXом в функции вп дату и вернуть запрос куда вам надо.

Если актуально, напишите я напишу Вам пример этой функции.
 
Войдите или зарегистрируйтесь для ответа.

Последние сообщения

Назад
Сверху