在bootstrap-datepicker上突出显示某些日期

Question

我正在使用bootstrap-datepicker检查我的网站获得销售的日期，我想要显示或突出显示至少有一次销售的日期。我可以在JSON上传递日期，然后将它们转换为Javascript的数组，但我不知道如何让datepicker获取日期并突出显示它们。

有没有办法使用bootstrap-datepicker来实现这一点？

Answer 1

下面是另一个突出显示日期范围的示例：

var inRange=false;
$('#elementPicker').datepicker({
  beforeShowDay: function(date) {
    dateFormat = date.getUTCFullYear() + '-' + date.getUTCMonth() + '-' + date.getUTCDate();

    if (dateFormat == '2014-01-01') {
      inRange = true; //to highlight a range of dates
      return {classes: 'highlight', tooltip: 'Title'};
    }
    if (dateFormat == '2014-01-05') {
      if (inRange) inRange = false;  //to stop the highlight of dates ranges
      return {classes: 'highlight', tooltip: 'Title'};
    }
    if (inRange) {
      return {classes: 'highlight-range'}; //create a custom class in css with back color you want
    }
  }
});

Answer 2

$('#xxx').datepicker()
  .on('onRender', function(ev){
    if (ev.date.valueOf() == your date){
      return 'highlight';
    }
  });

也许能行得通，尽管我不确定。

Answer 3

有一个简单的方法可以在引导日历中设置多个日期。有一个可用于选择的属性multidate。找到下面的工作代码。

     $('.inline_date').datepicker({
        multidate: true,
        todayHighlight: true,
        minDate: 0,
    });

 $('.inline_date').datepicker('setDates', [new Date(2015, 7, 5), new Date(2015, 7, 8), new Date(2015, 7, 7)])

只有一个问题，那就是高亮显示在点击时被删除。少花了一个月的时间。如果你想要八月的日期，那么你必须使用7而不是8。