Помощь Вывести значения поля даты в виде календаря

[espirit]

Версия WordPress: 5.5.1
Список используемых плагинов: Elementor, ACF Pro, Dynamic Content for Elementor.
Используемая тема: Roxima

Подробное описание проблемы:

Всем добра! Появилась задача вывести ACF repeater поля в виде отмеченных дат на календаре внутри каждого поста. Т.е. добавляется пост с фронта (есть дополнительные поля, в том числе и дата в repeater-е) и после его публикации нужно вывести отмеченные при добавлении даты в виде календаря в сингле конкретного поста.

Сами даты выводятся без проблем (в виде таблицы, списка и.т.д), а вот вывести их в виде календаря не удаётся. Перекопал все, ни плагина с похожим функционалом, ни даже намёка на что-то похожее. Все в основном заточены под вывод постов в календаре. В общем, буду рад любой помощи!

 

[giorno]

Версия WordPress: 5.5.1
Список используемых плагинов: Elementor, ACF Pro, Dynamic Content for Elementor.
Используемая тема: Roxima

Подробное описание проблемы:

Всем добра! Появилась задача вывести ACF repeater поля в виде отмеченных дат на календаре внутри каждого поста. Т.е. добавляется пост с фронта (есть дополнительные поля, в том числе и дата в repeater-е) и после его публикации нужно вывести отмеченные при добавлении даты в виде календаря в сингле конкретного поста.

Сами даты выводятся без проблем (в виде таблицы, списка и.т.д), а вот вывести их в виде календаря не удаётся. Перекопал все, ни плагина с похожим функционалом, ни даже намёка на что-то похожее. Все в основном заточены под вывод постов в календаре. В общем, буду рад любой помощи!

Это нужно все данные repeater поля выводить в посте в виде календаря?

 

[espirit]

Это нужно все данные repeater поля выводить в посте в виде календаря?

Да, поля, отмеченные для этого конкретного поста

 

[giorno]

Да, поля, отмеченные для этого конкретного поста

Примените любой js Datepicker плагин.
Вот к примеру Для просмотра ссылки Войди или Зарегистрируйся
подключите файл css и js к сайту

в самом шаблоне записи вставьте

<script type="text/javascript">
        (function($){

            $(document).ready(function() {
                var myDatepicker = $('#my-elem').datepicker({
                    multipleDates:true,
                    onRenderCell: function(date, cellType) {
                        if (cellType == 'day') {
                            return {
                                classes: 'custom-disabled',
                                disabled: true
                            }
                        }
                    }
                }).data('datepicker');

                myDatepicker.show();

                <?php if (!empty($repeat_field_name)): ?>
                var dates = new Array();
                <?php foreach ($repeat_field_name as $key => $repeat_field_value): ?>
                dates.push(new Date('<?php echo $repeat_field_value; ?>'))
                <?php endforeach ?>
                <?php endif ?>

                myDatepicker.selectDate(dates);

            });

        })(jQuery);
    </script>

все названия переменных php тестовые ,вы должны написать свои Для просмотра ссылки Войди или Зарегистрируйся

 

[espirit]

Примените любой js Datepicker плагин.
Вот к примеру Для просмотра ссылки Войди или Зарегистрируйся
подключите файл css и js к сайту

в самом шаблоне записи вставьте

<script type="text/javascript">
        (function($){

            $(document).ready(function() {
                var myDatepicker = $('#my-elem').datepicker({
                    multipleDates:true,
                    onRenderCell: function(date, cellType) {
                        if (cellType == 'day') {
                            return {
                                classes: 'custom-disabled',
                                disabled: true
                            }
                        }
                    }
                }).data('datepicker');

                myDatepicker.show();

                <?php if (!empty($repeat_field_name)): ?>
                var dates = new Array();
                <?php foreach ($repeat_field_name as $key => $repeat_field_value): ?>
                dates.push(new Date('<?php echo $repeat_field_value; ?>'))
                <?php endforeach ?>
                <?php endif ?>

                myDatepicker.selectDate(dates);

            });

        })(jQuery);
    </script>

все названия переменных php тестовые ,вы должны написать свои

Спасибо большое! Буду пробовать!

 

[espirit]

<script type="text/javascript">
        (function($){

            $(document).ready(function() {
                var myDatepicker = $('#my-elem').datepicker({
                    multipleDates:true,
                    onRenderCell: function(date, cellType) {
                        if (cellType == 'day') {
                            return {
                                classes: 'custom-disabled',
                                disabled: true
                            }
                        }
                    }
                }).data('datepicker');

                myDatepicker.show();

                <?php if (!empty($rows = get_field('date'))): ?>
                var dates = new Array();
                <?php foreach ($rows as $row => $subfield = $row['datt']): ?>
                dates.push(new Date('<?php echo $row ?>'))
                <?php endforeach ?>
                <?php endif ?>

                myDatepicker.selectDate(dates);

            });

        })(jQuery);
    </script>

Пытаюсь вставить свои переменные, но никак не выводится. Не могу понять, где ошибка...

date - название поля репитера
datt - название sub поля репитера