Bootstrap Datepicker

http://stackoverflow.com/q/24981072/1093087

HTML

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/css/datepicker3.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.js"></script>
<div id="sandbox-container" class="milestones-form">
  <input type="text" name="date" class="form-control" />
</div>

<div data-ele="addMil">
  add
</div>

JavaScript

$(function() {
  var addMilIterator = 0;
  var num = 1;
  $(document).on('click', '[data-ele="addMil"]', function(e) {
  
    var clone = $('.milestones-form').first().clone().prop('id', 'sandbox-container'+ num++ );
    
    $(clone).find('[name]').each(function() {
      var name = $(this).attr('name');
      $(this).val("");
      $(this).attr('name', name + '_' + addMilIterator);
    });
    addMilIterator++;
    $('.milestones-form').last().after(clone);
  });
  $(document).on('focus', '[name^="date"]', function() {
    $(this).datepicker({

    })
  });
});