Spokos
Legacy Member
Best mogelijk dat dit een wreed noobish vraagske is, maar anyway, I'll give it a go. Ik ben clndr.js voor de eerste keer aan het gebruiken, maar om een of andere reden wilt mijn kalendertemplate niet loaden? Wanneer mijn pagina laadt, zie ik gewoon nummers van datums onder elkaar zonder enige opmaak. 't Ziet er dus helemaal niet uit als een deftige kalender. Nu vraag ik mij af of dit normaal is of ik iets verkeerd doe? Dit is m'n code:
HTML:
<div class="container">
<h1>Boek</h1>
<br>
<h4>Kies je datum:</h4>
<div id="kalender"></div>
</div>
Code:
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js'></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.3/moment.min.js"></script>
<script src='https://raw.githubusercontent.com/kylestetz/CLNDR/master/src/clndr.js'></script>
<script type="text/template" id="clndr-template">
<div class="clndr-controls">
<div class="clndr-previous-button">‹</div>
<div class="month"><%= month %></div>
<div class="clndr-next-button">›</div>
</div>
<div class="clndr-grid">
<div class="days-of-the-week">
<% _.each(daysOfTheWeek, function(day) { %>
<div class="header-day"><%= day %></div>
<% }); %>
<div class="days">
<% _.each(days, function(day) { %>
<div class="<%= day.classes %>"><%= day.day %></div>
<% }); %>
</div>
</div>
</div>
<div class="clndr-today-button">Today</div>
</script>
<script>
$('#kalender').clndr({
template: $('#clndr-template').html()
});
</script>
.