Ссылка на событие шаблона CLNDR DoT

Я использую https://kylestetz.github.io/CLNDR/ с шаблоном DoT.js (потому что я не использую подчеркивание), и я не уверен, как добавить ссылки на события в день; Я не знаком с синтаксисом DoT. Моя цель - обернуть каждый день ссылкой на событие, если она есть. Вот мой шаблон:

<script id="dot-template" type="text/template">
    <div id="clndr-3">
        <div class="clndr-grid">
            <div class="days-of-the-week">
                <div class="days">
                    {{~it.days :day:index}}
                        <div class="{{= day.classes }}">{{= day.day }}</div>
                    {{~}}
                </div>
            </div>
        </div>
    </div>
</script>

И вот моя инициализация:

<script type="text/javascript">
    jQuery(document).ready(function($){
        let clndrTemplate = doT.template($('#dot-template').html()),
            events = <?= json_encode($calendar_array); ?>;

        let theCalendarInstance = jQuery('#clndr').clndr({
            template: jQuery("#clndr-template"),
            events: [
                { date: '2013-09-09', title: 'CLNDR GitHub Page Finished', url: 'http://github.com/kylestetz/CLNDR' }
            ],
            render: function (data) {
                return clndrTemplate(data);
            },
            clickEvents: {
                click: function(target) {
                    console.log(target);
                    // window.location.href = target.url;
                }
            },
        });
    });
</script>

0 ответов

Другие вопросы по тегам