Kendo-ui Grid：標準的HTML5輸入日期時間可以用作單元格編輯器嗎？

Question

我一直在嘗試使用標準的HTML5輸入作爲劍道的UI電網 即

<input type="datetime-local" value="1996-12-19T16:39:57" /> 

我喜歡這一個在日期時間控件一個單元格編輯器，你可以使用箭頭鍵轉到各日期時間分量，然後用向上箭頭編輯日期時間的那部分。

我試圖定義下面的單元格模板函數..

function timeEditor(container, options) { 
    var input = $('<input "datetime-local" name="' + options.field +'" />') 
    input.appendTo(container);   
} 

，並給予這在列定義相應的字段..

columns: [ 
    { 
    field: "Time", 
    title: "Time", 
    width: "180px", 
    editor: timeEditor,  
    }, 

編輯器被實例化（我得到一個點擊中的斷點），但我沒有按預期顯示控件。

我對kendo ui比較陌生（我正在試用它），所以也許我在這裏有圓頂的東西簡單的錯誤？或者有可能使用它？

預先感謝任何幫助 的問候，彼得

Answer 1

你會是正確的，但你的HTML是錯誤的。

<input "datetime-local ... 

缺少type= atrribute名稱，應該是：

<input type="datetime-local ... 

也請記住，在自定義編輯器，你將不得不做設定值，並更新你的工作數據如果有人更改了輸入框的值，那麼您可能還需要添加一個.on('change' ...)事件處理程序。

一個完全工作的編輯會是這個樣子：

function timeEditor(container, options) { 
    var input = $('<input type="datetime-local" name="' 
     + options.field 
     +'" value="' 
     + options.model.get(options.field) 
     + '" />'); 
    input.on('change', options.model.set(options.field, input.val())); 
    input.appendTo(container);   
}