CLNDR DoT模板事件链接

时间:2018-09-01 20:13:17

标签: dot.js clndr.js

我正在将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 个答案:

没有答案