Bootstrap and datepicker

HTML

<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.1.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.1.0/css/bootstrap.min.css">
<link rel="stylesheet" href="http://eternicode.github.io/bootstrap-datepicker/bootstrap-datepicker/css/datepicker.css">
<script src="http://eternicode.github.io/bootstrap-datepicker/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
<div class="input-append date datepicker no-padding" data-date-format="yyyy-mm-dd">
    <input class="input-medium" size="16" type="text"><span class="add-on"><i class="icon-th"></i></span>
</div>

JavaScript

$(document).ready(function() {

        $('.datepicker').datepicker({
           format: 'yyyy-mm-dd',
        multidate: true,
        multidateSeparator: ",",
        calendarWeeks: true,
        todayHighlight: true
            
        }).on('changeDate', function(e){
        var selecteddates = $('.datepicker').datepicker('getDates');
            var formatedSelectedDates = [];
            for(var date in selecteddates)
            {
              formatedSelectedDates.push(convertDate(selecteddates[date]));
            }
            alert(formatedSelectedDates);
        });           
    });
        
        function convertDate(d) {
  function pad(s) { return (s < 10) ? '0' + s : s; }
  
  return [ d.getFullYear(),pad(d.getMonth()+1),pad(d.getDate())].join('-');
}