每周日期格式的Handsontable标题

Question

我希望实现handsontable标题包含每周日期格式，有关详情，请参阅下面的图片

标题从当前日期开始到接下来的七天，一个按钮用于下一个和上一个日期滚动。我尝试使用此

的help代码

 {
    type: 'date',
    dateFormat: 'MM/DD/YYYY',
    correctFormat: true,
    defaultDate: '01/01/1900'
  }

但它以单元格值而不是列标题显示日期选择器。是否有人知道如何使用handsontable在列标题中显示当前周从星期一开始。

Answer 1

经过一些搜索并在java脚本的帮助下，我带来了我的解决方案，以便更多地检查这个

function loadTable(weekDays) {
var example2 = document.getElementById('example2');
var hot2 = new Handsontable(example2, {
data: Handsontable.helper.createSpreadsheetData(3, 7),
colHeaders: weekDays
});

function bindDumpButton() {
  if (typeof Handsontable === "undefined") {
    return;
  }

  Handsontable.Dom.addEvent(document.body, 'click', function (e) {

    var element = e.target || e.srcElement;

    if (element.nodeName == "BUTTON" && element.name == 'dump') {
      var name = element.getAttribute('data-dump');
      var instance = element.getAttribute('data-instance');
      var hot = window[instance];
      console.log('data of ' + name, hot.getData());
    }
  });
}
bindDumpButton();
}

了解更多信息JsFiddle

Answer 2

您无法使用此方法，因为列仅用于正文表。

您可以使用afterGetColHeader（doc）：

afterGetColHeader(col, TH) {

}

在TH元素中插入日期选择器。