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

Question

我正在使用bootstrap-datepicker检查我的网站销售的日子,我想显示或突出显示至少有一次销售的日期.我可以在JSON上传递日期,然后将它们变成Javascript的数组,但我不知道如何使日期选择器获取日期并突出显示它们.

有没有办法使用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';
    }
  });

可能会成功，尽管我不确定。