我正在将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>