title: Loop on currently displayed DatePicker's days
body: <p>I'm using the bootstrap datepicker with JQuery.</p>
  
  <p>What I would like is to make some changes to the currently displayed days every time we show a different month. I manage to do it on the default month (the one displayed when opening the datepicker) but if I click on the 'next' or 'prev' button, it does not work anymore.</p>
  
  <p>To better understand, here is a JSFiddle that reproduce the issue (what I want is not to change the background color but I made this to be simplier to work with): <a href="https://jsfiddle.net/k45xjquk/" rel="nofollow noreferrer">https://jsfiddle.net/k45xjquk/</a></p>
  
  <p>We can see on my JSFiddle that the log got called every time a month is displayed but the background color do not change, any idea?</p>
  
  <p>Here is the main content of the JSFiddle where we can see how I start the loop on the currently displayed days:</p>
  
  <pre><code>$(document).ready(function(){
  
      $("#weeklyDatePicker").datetimepicker({
          format: 'MM-DD-YYYY'
      });
  
      $("#weeklyDatePicker").click(function() {
        $(".next,.prev").click(function() {
          changeDaysBackground();
        });
        changeDaysBackground();
      });
  
      function changeDaysBackground() {
        console.log("changeBackground");
        var days = $(".datepicker-days td");
        days.each(function(i) {
          $(this).css("background-color", getRandomColor());
        });
      }
  
      function getRandomColor() {
        var letters = '0123456789ABCDEF';
        var color = '#';
        for (var i = 0; i &lt; 6; i++) {
          color += letters[Math.floor(Math.random() * 16)];
        }
        return color;
      }
  
  });
  </code></pre>