bootstrap 使用选项和方法时日期选择器重复

Question

我正在使用bootstrap datepicker，我想设置选项然后在同一个日期选择器上应用一些方法，在阅读插件的文档并跟踪它之后，我遇到了重复问题，日期选择器初始化了两次.

var events = ['02/02/2015','02/05/2015','02/09/2015','03/09/2015'];

$('div').datepicker({
    multidate: true,
    todayHighlight: true,
    todayBtn: true
});
$('div').datepicker('setDates', events);

fiddle

Answer 1

尝试向元素添加类名，然后应用插件：

从您的 jsFiddle 修改代码：

var events = ['02/02/2015','02/05/2015','02/09/2015','03/09/2015'];

$('.date_picker').datepicker({
    multidate: true,
    todayHighlight: true,
    todayBtn: true        
});
$('.date_picker').datepicker('setDates', events);
$('tfoot .today').trigger('click');

$('.date_picker').on('changeDate', function(e){
  // extra 
  sdate = e.date.getDate() +'/'+ (e.date.getMonth()+1) + '/' + e.date.getFullYear();
  $('p').html(sdate);
  //window.location.href = 'events.html?date='+sdate;
});

HTML:

<div class="date_picker"></div>

看看它现在是否有效。