conflict with ejs

[kylestetz]

conflict with ejs

[kylestetz]

Yes, as long as you're using underscore to render your CLNDR templates you can change the delimiters. Call this before you instantiate CLNDR:

_.templateSettings = {
  interpolate: /\{\{(.+?)\}\}/g,
  escape: /\{\{\-(.+?)\}\}/g,
  evaluate: /\{\%(.+?)\%\}/g
};

Now the templates will look like this:

{% for(var i = 0; i < daysOfTheWeek; i++) { %}
  <div class="header">{{ daysOfTheWeek[i] }}</div>
{% } %}

[kylestetz]

More info in the docs:

https://github.com/kylestetz/CLNDR#underscore-template-delimiters

Hope that helps!

[janchrist]

Hi kylestetz
We use <% for ASP with VbScript. In a sandbox HTML-only Website CLNDR works perfectly. But in the ASP-Page we have to change the delimiters and since this time i doesn't create the CLNDR anymore. Maybe we set the _.templateSettings not at the correct place in the code or didn't adapt the clndr template right? After hours of trying I hope you could give us a piece of advice.

<script type="text/template" id="calendar-template">

{%= month %} {%= year %}

{% _.each(daysOfTheWeek, function(day) { %}

{%= day %}

{% }); %}

{% _.each(days, function(day) { %}

{%= day.day %}

{% }); %}

</script>

    <script type="text/javascript">
    _.templateSettings = {
      interpolate: /\{\{(.+?)\}\}/g,
      escape: /\{\{\-(.+?)\}\}/g,
      evaluate: /\{\%(.+?)\%\}/g
    };
    jQuery('#Calendar').clndr({
        template: jQuery('#calendar-template').html(),
        showAdjacentMonths: false,
    });

[kylestetz]

@janchrist would you mind sharing the template you wrote as well? This looks correct so far.

[janchrist]

Wow, thanks for the quick reply kylestetz

[kylestetz]

You're really close! The delimiters are TWO brackets with no %, so it should look like this:

{{ _.each(daysOfTheWeek, function(day) { }}
  <div class="header-day">{{= day }}</div>
{{ }); }}

[janchrist]

I tried so many different alternitives that even don't know anymore, if I hadn't tried this before.
At least i have now a specific error in the webdeveloper-console:

Fehler: SyntaxError: syntax error
Quelldatei: http://www......org/library/clndr/underscore-min-1.6.0.js
Zeile: 10, Spalte: 46
Quelltext:
((__t=( _.each(daysOfTheWeek, function(day) { ))==null?'':__t)+
-------------------------------------------------------------î

As soon I have a solution I will post it here, for developers with the same problem.

[janchrist]

I didn't get it to run with {{ and }}
I went back to <% and %>, but I used ASP-Code <%= chr(60) & "%" %> and <%="%" & chr(62)%>

Now I look for an additional tooltip for the events and I am done.

Cheers