2016-11-16 111 views
0

Handsontable頭我想要實現handsontable像頭包含每週的日期格式,對於下面的圖像更支票enter image description here每週日期格式

頭開始與當前日期未來七天且下一次和以前的日期滾動一個按鈕。我嘗試下面的代碼與此

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

help但它示出了在作爲單元格值不列標題日期選擇器。是否有人知道如何使用handsontable在列標題中顯示本週從星期一開始的日期。

回答

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

0

您不能使用此方法,因爲列僅用於主體表。

您可以使用afterGetColHeader(doc):

afterGetColHeader(col, TH) { 

} 

而在TH元素插入日期選擇器。